PHP开发环境(XAMPP+XDebug+VSCode)搭建 XAMPP
当年一开始学习PHP的时候就是用的xampp傻瓜式一键安装PHP开发环境,这么多年过去了,这个工具依然好用。
这个程序会把apache/PHP/Mysql打包安装,如果你不想折腾的话,强烈建议使用。
下载XAMPP的官网是https://www.apachefriends.org/zh_cn/index.html
安装包托管网站是https://sourceforge.net/projects/xampp/files/,有各种平台的安装包。
这里提供一个上传到百度盘的最新windows安装包:
链接:https://pan.baidu.com/s/116ZZ-1BA1xiRzdfOG4OQSQ
提取码:d25q
复制这段内容后打开百度网盘手机App,操作更方便哦--来自百度网盘超级会员V1的分享
安装过程没啥好说的,一路next,值得注意的是一开始会弹窗说杀毒软件可能会阻止程序安装,但我没有理会,顺利安装完毕。
运行后会显示XAMPP的控制面板:
要使用相应的服务只要在最左边的一列打勾就可以自动安装,然后点击右侧的start就能运行。
我使用的时候因为之前安装了VMware,端口冲突,Apache服务使用的默认端口是443,所以需要修改端口。
要检查端口占用XAMPP提供一个非常方便的工具,Netstat,就是右侧那个绿色地球一样的图标:
这里会显示你电脑上所有的端口占用情况,选择一个空闲的端口即可,我选了8001。
修改端口的话是config->service and port,然后填入新端口号即可:
那个主端口不用理会,80是http服务的默认端口,由系统接管。
这里不得不说XAMPP有点坑的地方了,修改了这里并不算玩,你如果尝试启动Apache服务的话依然会没有响应,还没报错和日志,只有用CMD从工作目录启动httpd.exe才能发现Apache依然是尝试启用443端口。所以这里还要额外修改Apache中的配置:
在Apache的配置文件httpd-ssl.conf中搜索443就能找到监听端口配置,修改为新端口号:
配置虚拟主机虚拟主机的配置目录位于xampp\apache\conf\extra
在httpd.conf中默认是已经打开虚拟主机配置的,所以这里不需要再修改,直接修改httpd-vhosts.conf文件:
找到
NameVirtualHost *:80这一行,去掉注释。
在尾部追加自己定义的虚拟主机设置:
<VirtualHost *:80> ServerAdmin webmaster@dummy-host.example.com DocumentRoot "D:/workspace/myweb.com" ServerName myweb.com ServerAlias ErrorLog "logs/myweb.com-error.log" CustomLog "logs/myweb.com-access.log" common <Directory "D:/workspace/myweb.com"> Require all granted </Directory> </VirtualHost>重启apache服务,OK。
VSCode 安装x-debugx-debug是php的动态调试工具,安装以后就可以在VSCode中设置断点,动态查看PHP运行时的变量和函数调用情况。
这里说一下XDebug的存在意义和运行机制:
PHP可以说是一门专门用于互联网开发的语言,所以基本上和web服务器是密不可分的,商用开发也基本上都是把代码放在远程服务器上,直接在Linux服务器上运行调试,这样才能接近正式环境,但这样也遇到一个问题,就是没法像JAVA或者Android开发时那样,在本地IDE方便地进行运行时debug。
XDebug就是用于这种情形下地PHP开发扩展,本体安装在需要调试的web服务器上,当你用浏览器访问web服务器的某个PHP页面的时候,XDebug就会和你的本地IDE建立一个通信,读取你IDE设置的断点等信息,然后就能像其它本地语言调试那样进行逐步调试。
理解了上面这些,就能理解下面的一些配置意义。
x-debug的官方下载页面在这里。
这里需要按照你的PHP版本下载对应的X-Debug,如果用的是XAMPP自带的PHP,可以在XAMPP的根目录下查看readme_en.txt文件: