AMPP安装图文教程与设置HBuilder
Posted 小帅搜
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了AMPP安装图文教程与设置HBuilder相关的知识,希望对你有一定的参考价值。
什么是Xampp-control?
![AMPP安装图文教程与设置HBuilder](https://image.cha138.com/20210430/c1089cd4456341d7a1cbbf77e3fd208c.jpg)
Xampp-control类似于Java上的Tomcat。利用Xampp-control你自己写的工程在一个网络下就可以通过一个网址访问到了。
为什么要用Xampp-control?
![AMPP安装图文教程与设置HBuilder](https://image.cha138.com/20210430/c1089cd4456341d7a1cbbf77e3fd208c.jpg)
因为php,不管Hbuilder也好,PhpStrom也好,这些编写前端的,只识别H5内容,其他语言不认识的。因此为了让Hbuilder更好的支持PHP语言,就引入了Xampp-control。可以说没有Xampp-control就没有运行PHP的基础。
怎样配置Xampp-control?
![AMPP安装图文教程与设置HBuilder](https://image.cha138.com/20210430/c1089cd4456341d7a1cbbf77e3fd208c.jpg)
1、下载并安装:https://www.apachefriends.org/zh_cn/index.html
![AMPP安装图文教程与设置HBuilder](https://image.cha138.com/20210430/9cb46ad2d7354cf0ba1e3488b3144c89.jpg)
下载完成后,点击下一步进行安装后运行界面如下
![AMPP安装图文教程与设置HBuilder](https://image.cha138.com/20210430/45acf211566745b9be4303b32f5d5732.jpg)
修改端口,避免端口占用:
![AMPP安装图文教程与设置HBuilder](https://image.cha138.com/20210430/c1089cd4456341d7a1cbbf77e3fd208c.jpg)
打开目录C:\xampp\apache\conf(我的安装目录为C:\xampp)下的httpd.conf文件,将Listen 80和 ServerName localhost:80中的80改为8020或其它值(尽量不要使用0-1023端口,这个是系统保留端口),要保持一致。参考:Apache无法启动
![AMPP安装图文教程与设置HBuilder](https://image.cha138.com/20210430/df8936cf594342f5b466340e12938ed6.jpg)
再次开启Xampp-control:
![AMPP安装图文教程与设置HBuilder](https://image.cha138.com/20210430/45acf211566745b9be4303b32f5d5732.jpg)
Hbuilder下载PHP插件: 工具->插件安装 ->Aptanna php插件-选中并安装
设置外部服务器: 运行->设置web服务器->外置服务器->新建
![AMPP安装图文教程与设置HBuilder](https://image.cha138.com/20210430/f8a0e08668584d5c8a37c2f165613508.jpg)
调节自己工程的访问路径为新建的路径。
![AMPP安装图文教程与设置HBuilder](https://image.cha138.com/20210430/1ec9d2feec3b4c82b6436bec6bca70b0.jpg)
最后新建工程,测试运行: 新建:新建一个php文件。内容入图。
测试:Xampp-control是否成功,你的工程必须保存在C:\xampp目录下, 我的项目存放目录:C:\xampp\htdocs\dashboard目录下。点击浏览器运行就行了。
![AMPP安装图文教程与设置HBuilder](https://image.cha138.com/20210430/4c12c377ab4948388b0e5938fd4b6b5e.jpg)
![AMPP安装图文教程与设置HBuilder](https://image.cha138.com/20210430/f5d05652029644db994e6533509e6cff.jpg)
![AMPP安装图文教程与设置HBuilder](https://image.cha138.com/20210430/161cbf77734a42289ef0f12475140cae.jpg)
![AMPP安装图文教程与设置HBuilder](https://image.cha138.com/20210430/cd430d6614d24fb6803b87e7fa2fecc0.jpg)
点一下阅读原文了解更多资讯
![AMPP安装图文教程与设置HBuilder](https://image.cha138.com/20210430/e13086d5ae9e4245895867447c849a77.jpg)
点“在看”给我一朵小黄花
以上是关于AMPP安装图文教程与设置HBuilder的主要内容,如果未能解决你的问题,请参考以下文章
CentOS6.6图文详细安装教程(有些设置大部分教程没出现过,附带网络设置等)