VSCode配置PHP开发环境

---

一、XAMPP的安装

1.下载XAMPP

https://www.apachefriends.org/index.html，此文是Windows环境下的安装配置

2.配置Apache

（1）将httpd.conf文件中的80端口修改为其他端口号，如8088
(注：不修改端口号，会与默认80端口产生冲突，此时访问XAMPP主页变为 http://localhost:8088)

（2）将httpd-ssl.config文件中的443端口修改为其他端口号，如4433

3.配置MySQL

（1）如果3306发生冲突，修改为其他端口
（2）字符集改为utf8，如已存在，可能需要取消注释

4.启动服务

5.部署

xampp有两种部署方式：
1、复制文件夹到…\xampp\htdocs目录下，如…\xampp\htdocs\test，浏览器中访问localhost:8088/test（注：文件夹名字htdocs不用输入）
2、建立虚拟目录，打开xampp，在httpd-xampp.conf文件中建立虚拟目录

二、下载Xdebug并安装

1.添加环境变量

（1）此电脑 -> 右击【属性】 -> 高级系统设置 -> 环境变量 ，将php.exe所在文件夹路径添加进【系统变量】path中
（2）在终端输入php -v，成功则显示版本信息

2.下载Xdebug

（1）在终端输入php -i，将输出复制到 https://xdebug.org/wizard，点击【Analyse my phpinfo() output】

（2）按步骤操作
（3）在php.ini中添加如下信息
(注：Xdebug2 升级至 Xdebug3 存在差异)
（4）php -m 查看XDebug是否存在

三、VSCode配置PHP开发环境

1.在VSCode中安装插件

2.配置

（1）文件 -> 首选项 -> 设置 ，在 settings.json 中编辑

3.启动调试

（1）添加配置，端口对应 phpinfo 中 XDebug 的 9003 端口

（2）设置断点，按【F5】调试，在浏览器中访问，返回VSCode单步调试

总结

插件推荐：
PHP CS Fixer ：格式化PHP代码，【ctrl+s】保存并格式化文档
Open PHP/HTML/JS In Browser ：php文件直接在浏览器中打开

参考：
链接: 最详细的XAMPP的安装及使用教程.
链接: 如何在vscode配置php开发环境.