vlambda博客
学习文章列表

AMPP安装图文教程与设置HBuilder


什么是Xampp-control?

AMPP安装图文教程与设置HBuilder

Xampp-control类似于Java上的Tomcat。利用Xampp-control你自己写的工程在一个网络下就可以通过一个网址访问到了。

为什么要用Xampp-control?

AMPP安装图文教程与设置HBuilder


因为PHP,不管Hbuilder也好,PhpStrom也好,这些编写前端的,只识别H5内容,其他语言不认识的。因此为了让Hbuilder更好的支持PHP语言,就引入了Xampp-control。可以说没有Xampp-control就没有运行PHP的基础。

怎样配置Xampp-control?

AMPP安装图文教程与设置HBuilder

1、下载并安装:https://www.apachefriends.org/zh_cn/index.html

AMPP安装图文教程与设置HBuilder

下载完成后,点击下一步进行安装后运行界面如下

AMPP安装图文教程与设置HBuilder

修改端口,避免端口占用:

AMPP安装图文教程与设置HBuilder


打开目录C:\xampp\apache\conf(我的安装目录为C:\xampp)下的httpd.conf文件,将Listen 80和 ServerName localhost:80中的80改为8020或其它值(尽量不要使用0-1023端口,这个是系统保留端口),要保持一致。参考:Apache无法启动

AMPP安装图文教程与设置HBuilder

再次开启Xampp-control:

AMPP安装图文教程与设置HBuilder

Hbuilder下载PHP插件: 工具->插件安装 ->Aptanna php插件-选中并安装 


设置外部服务器: 运行->设置web服务器->外置服务器->新建

AMPP安装图文教程与设置HBuilder

调节自己工程的访问路径为新建的路径。

AMPP安装图文教程与设置HBuilder


最后新建工程,测试运行: 新建:新建一个php文件。内容入图。


 测试:Xampp-control是否成功,你的工程必须保存在C:\xampp目录下, 我的项目存放目录:C:\xampp\htdocs\dashboard目录下。点击浏览器运行就行了。

AMPP安装图文教程与设置HBuilder
AMPP安装图文教程与设置HBuilder
AMPP安装图文教程与设置HBuilder
AMPP安装图文教程与设置HBuilder



AMPP安装图文教程与设置HBuilder 点一下阅读原文了解更多资讯

AMPP安装图文教程与设置HBuilder

点“在看”给我一朵小黄花