Visual Studio Code | VSCode 环境配置 —— VSCode 配置 PHP 调试环境 — PHP Debug

🌟想了解这个工具的其它相关笔记？看看这个：[网安工具] 代码编辑工具 —— Visual Studio Code · 使用手册

0x01：PHP Debug 代码调试插件 — 插件简介

PHP Debug 插件是 VSCode 中一个专用于对 PHP 代码进行调试的扩展工具。 该工具基于 Xdebug 开发，允许开发者在 VSCode 中对 PHP 代码进行单步调试、查看变量值等，极大的提升了 PHP 的开发效率。

0x02：PHP Debug 代码调试插件 — 安装流程

笔者下面提供的流程是基于 PhpStudy 环境的，所以如果读者是自己直接安装的 PHP 环境，那么本教程可能不是很适合你，关于 PhpStudy 的使用可以参考下面这个文章：

参考链接 🚀：服务器环境配置工具 —— PhpStudy · 使用手册

0x0201：PHP Debug 插件安装

点击 VSCode 的扩展程序部分，搜索下面这个关键词，点击 “下载” 即可进行安装：

PHP Debug

0x0202：PhpStudy 开启 Xdebug 组件

光是安装了 Php Debug 插件还不行，我们需要通过 PhpStudy 开启 xdebug 组件，首先在小皮面板的 “软件管理” 界面中定位到你正在使用的 PHP 版本：

点击 “设置”，然后选择 ”扩展组件“，启用 Xdebug 调试组件，设置监听端口为 9003（这个没啥特殊的含义，主要是怕端口冲突）：

0x0203：配置 php.ini 文件

光是通过 PhpStudy 启用 Xdebug 组件还不行，我们还需要手动对你正在使用的 PHP 的 php.ini 进行配置（php.ini 文件就在 PHP 解释器的安装目录下）：

打开 php.ini 文件，搜索 ”XDebug“（应该在文件的最末尾）：

我们需要往 php.ini 中添加下面两行内容（这个是 PHP Debug 插件里要求配置的）：

xdebug.remote_enable=1
xdebug.remote_autostart=1

0x0204：重启 Apache 服务

配置完成后，我们需要重新启用 Apache 服务，让它重新加载一遍 php.ini 中的配置：

0x0205：配置 VSCode launch.json 文件

以上操作都完成后，我们需要再配置一下 VScode 中的 PHP Debug 插件，至于怎么配置，就是通过一个叫 launch.json 的文件进行配置的，定位 launch.json 文件的方式如下图：

打开后我们主要是要调整一下端口信息，记得我们在 PhpStudy 中开启 Xdebug 模块时设置的端口 9003 吗，这里就要用到，我们要把下面这几个地方都换成 9003（笔者看了，它默认就是 9003，所以如果你是照着笔者前面流程来的，那么这里完全不用调）：

0x03：PHP Debug 代码调试插件 — 效果展示

0x0301：PHP Debug 插件安装前

先来看看我们安装 PHP Debug 之前的样子，打开 PHP 文件后你是没办法对代码进行断点标注的操作的，而且你要是点击 “运行与调试” 它也会提示你没有安装 Debug 插件：

0x0302：PHP Debug 插件安装后

1. 为代码行打断点

安装 PHP Debug 后，我们只需要鼠标在你想要打断点的代码行的左边点一下，它就会有一个红色的小点，这个就是断点，后续我们以 Debug 方式运行程序时，程序就会在红色断点处停止运行：

2. 以 Debug 方式运行代码

由于 PHP 是服务端语言，所以它的 Debug 模式还是有点特殊的，在以 Debug 方式运行前，请先确保你的 PhpStudy 中的 Apache 服务处于运行状态：

然后我们来到 VSCode 进入 “调试模块”，点击 “运行按钮”：

如上，可以看到，此时 VSCode 下边栏直接变橙色了，表名正处于调试状态。但同时，经常做调试的小伙伴也发现了，哎嘿，它没有直接执行代码，为啥 ？这其实就是因为 Php 的特性，它是一个 Web 语言，不是纯粹的脚本语言。

我们要想让它执行，我们就要去尝试访问它，咋访问，就正常的浏览器访问就行：

如上，当我们通过浏览器一访问，VSCode 就开始跑代码了，上面那个就是 PHP 的 Debug 界面，至于如何 Debug，这个就不是我这章该讲的啦（笔者后面会出文章讲 Debug 的技巧的，包的）。

0x04：PHP Debug 代码调试插件 — 参考资料

VSCode+Xdebug断点调试PHP（全攻略） - 果然朝辉 - 博客园步骤1：下载并安装XDebug 步骤2：配置php.ini文件的XDebug模块 步骤3：Visual Studio Code安装php debug插件，并且配置 步骤4：进行调试https://www.cnblogs.com/phonecom/p/10340038.html

PHP代码调试（vscode+xdebug+phpstudy）_vscode 调试php-CSDN博客文章浏览阅读2.7k次，点赞5次，收藏7次。第一步是配置php的环境变量，csdn里有很多文章可以直接搜索即可了解怎么配置，大概就是将phpstudy里的php文件位置复制到环境变量里，最后使用cmd检查是否配置成功。将php的路径放到此处，该路径就在小皮的Extensions里面。在vscode左侧的拓展处搜索可下载这个php debug。创建这个文件，注意端口号要与小皮里的一致。使用记事本打开配置文件里的php.ini。再点开phpdebug里的json。再点击它设置里的扩展组件。点开文件，首选项里的设置。点开vscode里的调试。_vscode 调试phphttps://blog.csdn.net/2301_79431343/article/details/142744391