安装Xdebug

在宝塔中，找到PHP，打开管理页面，选择xdebug扩展，点击操作栏中的安装按钮（这里已经安装过了，所以显示卸载）

安装后，重启php

VSCode安装插件

在VSCode中安装一下插件

编辑配置文件

打开.vscode中的launch.json文件，这个文件是用于启动程序（run/debug)时会查看的配置文件，比如启动程序时传递参数，打开方式如下：

如果没有此文件，则点击上图中的Add Configuration生成即可

编辑配置

记住以上端口，进入PHP配置文件（这里从宝塔页面进入）

更改xdebug.remote_port端口为launch.json文件中的端口，若需要调试的文件中按f5 无法正常进入调试，而生直接跳过断点执行整个文件，则需要增加以下配置：

xdebug.remote_enable = 1
xdebug.remote_autostart = 1
配置后，选择重载配置即可

可通过phpinfo函数查看xdebug配置是否生效，如图：

运行调试

代码运行到断点后如图：

断点快捷键

f5 启动并进入断点模式
ctrl+f5 开始执行，不进入断点
shift+f5 停止调试
ctrl+shift+f5 重启调试
f10 逐过程执行
f11 逐语句执行
f9 切换断点
ctrl+f9 启用/停止断点
ctrl+shift+f9 删除全部断点

其他

以上为宝塔集成环境，如果是原生环境要更为繁琐，可查看：https://cloud.tencent.com/developer/article/1886392
xdebug官方文档：http://xdebug.org.cn/docs/all.php#