
1.5 PhpStorm的基本操作
1.5.1 创建PHP项目

在 PhpStorm 安装完成后,如果还没有创建项目,那么在首次启动时会进入如图1.29所示的PhpStorm的欢迎窗口。在该窗口中可以执行创建新项目、打开已有项目等操作。
创建PHP项目的具体步骤如下。
(1)在 PhpStorm的欢迎窗口中单击 Create New Project 按钮,弹出创建新项目对话框,如图1.30 所示。在创建新项目对话框中首先选择项目存储路径,将项目文件夹存储于“D∶\phpStudy\WWW”目录下,然后输入新创建的项目名称“myProject”,最后单击 OK 按钮,即可完成PHP新项目的创建。

图1.30 创建新项目对话框
(2)在创建项目后会打开PhpStorm的主界面,在主界面的左侧显示新建的项目及自动生成的文件,如图1.31所示,同时弹出如图1.32所示的每日提示对话框,单击Close按钮将其关闭。

图1.31 新建项目目录

图1.32 每日提示对话框
说明:在默认情况下,在每次打开PhpStorm时都会弹出如图1.32所示的每日提示对话框。如果不想弹出该对话框,取消勾选图1.32中的Show Tips on Startup复选框即可。
如果使用PhpStorm创建过项目,在打开PhpStorm后会进入PhpStorm的主界面,在主界面中会默认打开之前创建过的项目,并且弹出如图1.32所示的每日提示对话框,可以单击 Close 按钮将其关闭,然后新建一个PHP项目,具体步骤如下。
(1)在菜单栏中的File 菜单中选择New Project命令,如图1.33 所示,弹出创建新项目对话框,如图1.34所示。

图1.33 选择New Project命令

图1.34 创建新项目对话框
(2)在创建新项目对话框中首先选择项目存储路径,将项目文件夹存储于“D∶\phpStudy\WWW”目录下,然后输入新创建的项目名称“test”,最后单击OK按钮创建项目,弹出打开项目对话框,如图1.35所示。单击This Window按钮在当前窗口打开创建的项目,此时在主界面的左侧会显示新建的项目名称及自动生成的文件,如图1.36所示。

图1.35 打开项目对话框

图1.36 新建的项目名称及自动生成的文件
说明:如果在创建项目时弹出如图1.37所示的对话框,则说明在WWW目录下已经存在以该项目名称命名的文件夹,此时单击Yes按钮将其替换即可。

图1.37 提示用户是否替换已存在的文件夹
1.5.2 打开已有项目

使用PhpStorm可以打开已经存在的项目,具体步骤如下。
(1)在菜单栏中的File菜单中选择Open Directory命令,如图1.38所示,弹出选择项目路径对话框,如图1.39所示。

图1.38 选择Open Directory命令

图1.39 选择路径对话框
(2)在选择路径对话框中选择要打开的项目,然后单击OK按钮,弹出打开项目对话框,如图1.40 所示。在该对话框中可以选择项目的打开方式,单击 This Window 按钮可在当前窗口打开项目,单击New Window按钮可在新窗口打开项目。

图1.40 打开项目对话框
1.5.3 在项目中创建文件夹和文件

在PHP项目创建完成之后,就可以在项目中创建文件夹和文件了。下面介绍在项目中创建文件夹和文件的方法。
1.在项目中创建文件夹
在项目myProject中创建一个名为“css”的文件夹,具体步骤如下。
(1)在项目名称“myProject”上右击,然后在弹出的快捷菜单中依次选择New(1)在项目名称“myProject”上右击,然后在弹出的快捷菜单中依次选择New→Directory命令,如图1.41所示。

图1.41 选择Directory命令
(2)在选择Directory命令后,弹出新建目录对话框,如图1.42所示。在新建目录对话框的文本框中输入新建文件夹的名称“css”,然后单击OK按钮,完成css文件夹的创建。创建css文件夹后的项目目录如图1.43所示。

图1.42 新建目录对话框

图1.43 创建css文件夹后的项目目录
2.在项目中创建PHP文件
在项目myProject中创建一个PHP文件index.php,具体步骤如下。
(1)在项目名称“myProject”上右击,然后在弹出的快捷菜单中依次选择 New→PHP File 命令,如图1.44所示。

图1.44 在项目中创建PHP文件
(2)在选择PHP File命令后,弹出新建PHP文件对话框,如图1.45所示。在新建PHP文件对话框的文本框中输入PHP文件的名称“index”,然后单击OK按钮,完成index.php文件的创建。此时,开发工具会自动打开刚刚创建的文件,如图1.46所示。

图1.45 新建PHP文件对话框

图1.46 自动打开刚刚创建的文件
3.运行第一个程序
下面来编写并运行第一个PHP程序,具体步骤如下。
(1)在index.php文件中编写代码。首先删除文件创建之后默认生成的代码,然后在文件中编写如图1.47所示的代码,使运行结果输出字符串“Hello World”。

图1.47 在文件中编写代码
(2)打开浏览器,在地址栏中输入“http∶//localhost/myProject/index.php”,按Enter键,即可查看index.php文件的运行结果,如图1.48所示。

图1.48 index.php文件的运行结果