1.安装phpstudy

首先在phpstudy官网下载phpstudy安装包,可选择最新2018版。

安装时记住安装目录,之后会用到。

安装完成后,无需改动任何设置,保持默认,点击主界面中的启动按钮

若无端口占用等特殊情况,Apache服务和MySQL数据库服务应变为绿色,此时服务器正常运行(如下图)。

2.安装Hbuilder

在Hbuilder官网下载安装,完成后先选择合适的背景颜色及亮度。

首先不要新建项目,找到顶部菜单的:运行-->设置web服务器。

在设置web服务器对话框中,左侧目录树找到外置服务器,点击新建(如下图)。

新建的外置web服务器配置如下

服务器设置完成后,回到设置web服务器对话框,点击Web服务器,为HTML、PHP类型文件指定为外置服务器。

Hbuilder服务器配置完成

3.导入项目

将项目文件解压,放入phpstudy安装目录的WWW文件夹下,建议一个项目一个文件夹,如下图

如果需要查看运行效果,在浏览器中输入127.0.0.1/项目文件夹名即可查看(要保持phpstudy服务开启)

如果要在Hbuilder中编辑网页文件,在顶部菜单:文件-->打开目录

选择phpstudy安装目录下WWW文件夹内的项目文件夹,即可自动生成项目

编辑器工作界面