(超详细)HBuilder+wampserver配置PHP开发运行环境

一、下载HBuilder和wampserver

在这里插入图片描述 在这里插入图片描述

下载地址:
HBuilder:https://pc.qq.com/detail/3/detail_22603.html
wampserver:https://sourceforge.net/projects/wampserver/
软件下载和安装都很简单,不作多余讲述。html

二、配置HBuiler的web服务器

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
这里强调一下蓝色字体部分,后边页面没法运行就能够返回这里修改一下URL地址。
正确的URL地址必须包含一下内容是:http://127.0.0.1:端口号。
注意:wampserver的默认端口是80端口,若是本身没有修改过就是使用80端口。
我这里由于一些别的缘由,安装的时候修改成了8010端口,因此个人URL地址就是http://1270.1:8010,按本身设置的端口号设置就能够了。web

接下来就设置PHP文件的web服务器为刚刚设置的外部服务器地址,如图所示:
在这里插入图片描述浏览器

三、HBuilder打开wampserver的www目录

在这里插入图片描述

在这里插入图片描述
打开后的效果见于项目管理器,如图所示:
在这里插入图片描述服务器

四、建立PHP页面,运行wampserver服务器

在这里插入图片描述
这里注意一下:wampserver能够切换离线状态和在线状态,不一样状态图标的颜色和展现稍有不一样,只要不影响使用便可,详情百度,自行更改运行状态。
像我这个就是在线状态。svg

接下来,往PHP页面写入PHP代码,测试服务器是否成功!
再者,选择浏览器运行PHP页面。
在这里插入图片描述
若是你的设置正确,浏览器就可以显示你的PHP页面内容了!
在这里插入图片描述测试

五、安装PHP插件

在这里插入图片描述
在这里插入图片描述
勾选插件,而后点安装便可。
至此,全部设置就已经完成,就能够直接经过HBuilder运行PHP页面了!字体