前段编辑器配置教程——HBuilder集成PHP环境

HBuilder的代码提示功能是十分强大的。用于web前端开发码代码绝对是好助手，用于开发php文件的话可能不是最好的，但是它自带的"边改边看模式"绝对是少有的（当然其他编辑器也有，没有的我们也可以通过配置使其实现实时更新的效果）但还需要配置一番（代码配置）难度系数高耗时长。动动鼠标就能搞定的事情我们还是不要去写代码了。浏览器实时更新的必要性相信大家都了解：从数据库读取信息，写完php代码还要动手刷新下浏览器，实在不方便。HBuilder的"边改边看模式"完美实现了这一我们前端码农刚需。

工具/原料

windows系统（本教程面向windows用户）

HBuilder编辑器

wampserver（不限版本）

1. 安装程序

1、现在开始1.下载安装HBuilder编辑器。（从百度软件中心下载即可）。2.下载安装wampserver。（从百度软件中心下载即可）。ps:顺便附上wampserver安装配置教程

2、启动wampserver（最好以管理员身份打开），要保证80端口没被其他程序占用，不然wampserver不能工作。检查办法：1.点击wampserver图标2.鼠标移到apache上3.鼠标移到service上4.点击"测试80端口"出现图所示表示没有被占用。看完关掉即可。

2. 创建php项目-从wampserver创建

1、创建php项目，可以从wampserver创建，也可以从HBuilder创建。从wampserver创建方法：1.点击wampserver图标，2.点击"WWW目录"3.进WWW目录之后，新建文件夹"php"——php是我自定义的，你可以按需创建。名称不是中文就行。

2、然后用HBuilder打开这个文件夹，并以此作为项目文件夹，以文件夹名称作为项目名称。点"确定"完成项目创建。

3. 创建php项目-从HBuider创建

1、从HBuider创建就容易多了。直接新建项目就可以。文件—>新建—>web项目点击"浏览"，选择wampserver目录下的www目录（这是必须的，其他目录php文件运行将出错。）

4. HBuider的php运行服务器配置

1、因为HBuider没有集成php运行环境，所以要依赖于wampserver，其实HBuider就是一个编辑器，只是要实现php代码提示和实时自动更新浏览器还需要进行配置而已。下面开始：1.工具——>插件安装2.够选"aptana php" 安装。（图中我已安装，你没有的话需要安装）这一步提供php代码提示。

2、进行配置运行——>外置服务器——>外置服务器设置——>新建名称：随意浏览器运行url：127.0.0.1:80/php (这里的php是php项目的根文件夹。必须和www目录下你的php项目一致，否则出错)url包含项目名称：选不包含（避免出错，包含的话上面的url就要把后面的php去掉。为顺利我能选“不包含”）。至于启动命令和停止命令不用设置，不会有什么影响。最后 “确定” 保存。

3、配置php文件的运行服务器。运行——外置服务器——php类文件点下拉框选择刚建好外置服务器。最后"确定"保存设置。如图：

5. 运行/测试

1、新建php文件info.php代码如下：<?phpphpinfo();?>写完ctrl+s保存，在"边改边看模式"下看能不能出现像教程一开始出现的页面。如果没有就关掉编辑器再打开。或者运行——Chrome看看浏览器能不能打开phpinfo页面。到这里也就完成了。即便用浏览器打开，一样可以实时自动更新（文件保存之后）。写起来方便不少。效果如下：

6. 运行出错解决办法

1、在开始之前我们首先要明确一点：url是基于目录路劲而不是基于项目名称。即使设置了外醅呓择锗置web服务器 还是有可能会出错，出错点主要集中在浏览器运行ULR上。下面我吹涡皋陕用例子来说明:项目文件为：1. 项目名称为：php2. 项目文件夹名称：myphp3. php文件名：a.php(../myphp/a.php)像这样的情况只有当url为http://127.0.0.1/myphp/a.php的时候就不会出错。下面就是我举的【情况A】和【情况B】两个例子：

2、*****情况A******外置WEB服务器设置为：1. 浏览器运行URL： http砜实蛰斓://127.0.0.1:802. URL包含项目名称： 不包含*****************上面的配置的运行结果如下：运行的URL为：http://127.0.0.1/a.php结果出错。PS:这样的设置就会出错，因为路径不对。解决的办法是把外置WEB服务器设置为：1. 浏览器运行URL： http://127.0.0.1:80/myphp/2. URL包含项目名称： 不包含

3、*****情况B******外置WEB服务器设置为：1. 浏览器运行URL： http砜实蛰斓://127.0.0.1:802. URL包含项目名称： 包含*****************上面的配置的运行结果如下：运行的URL为：http://127.0.0.1/php/a.php结果出错。PS: 这样的设置也会出错，因为路劲也不对。解决办法是把项目名称和项目文件夹名称改成一样的，即：1. 项目名称为：php2. 项目文件夹名称：php3. php文件名：a.php（../php/a.php）或者：1. 项目名称为：myphp2. 项目文件夹名称：myphp3. php文件名：a.php(../myphp/a.php)

4、总结下来就是：1. 想让豹肉钕舞设置适用于每一个新建的php项目，在配置【URL包含项目名称】的时候应该选择【包含】，并且创建的项目名白镢梧螂称和项目文件夹名称一致。2. 想单独用于某个项目就在配置【URL包含项目名称】的时候应该选择【不包含】，并且在【浏览器运行URL】 http://127.0.0.1:80后面加上项目文件夹名称即【http://127.0.0.1:80/项目文件夹名称】例如：http://127.0.0.1:80/myphp/