Visual Studio Code搭建PHP调试环境

使用Visual Studio Code搭建PHP调试环境

一.需要安装的软件

Visual Studio Code安装可以参照博文：

https://blog.csdn.net/qq_34195507/article/details/94558862

WAMP(包括Apache、MySQL、PHP、以及最关键的XDebug)

wampserver安装可以参照博文：

https://blog.csdn.net/qq_34195507/article/details/94851028

上面的软件安装就不在啰嗦了，可以去看我另外两篇博客都有详细的下载方法和安装步骤

二、配置WAMP-----由于调试的关键是XDebug，所以先配置XDebug，打开php.ini配置文件，搜索XDebug

注意是apache里面的配置文件：wampserver3.1.9\bin\apache\apache2.4.39\bin\php.ini

可以看到默认的xdebug远程调用是关闭的，修改如下：
将remote_enable改为on，并增加xdebug.remote_autostart = on
1 xdebug.remote_enable = on
2 xdebug.remote_autostart = on

由于xdebug默认的运行时间是120秒，超过120秒会自动停止，所以可以根据需求修改 max_execution_time ： 一般默认就可以了

上面还可以配置端口号，这配置完上面的信息保存后一定要重新启动服务才能生效。

三、配置Visual Studio Code

由于Visual Studio Code执行php代码，需要指定php的路径，不然会出现如下提示，

设置步骤如下图：
汉化了就是这个步骤：文件->首选项->用户设置

发现设置文件是个json格式的文件，叫settings.json, 搜索php. 
如下图：

我这边的版本都已经是图形界面的了，有些早的版本可能是Json格式的键值对表示的。
点击拷贝Json到设置文件：

拷贝Json后----打开编辑setting文件：

打开设置文件后鼠标右键粘贴：

执行后效果如图：

可以看到上面的配置文件中Json的格式vlue值是null；
下面我们就给配置上 PHP 的path的值：

路径就是我们在安装wampserver的时候里面自带的php的路径。
当然我们打开到指定文件目录的路径格式是：E:\develop_tools\tomcats\wampserver3.1.9\bin\php\php7.2.18
大家可以看到斜杠是跟我们要的是相反的，这里就叫大家一个简单转换的方式。
首先复制你找到的文件的全路径，打开浏览器粘贴到地址栏中安回车可以看到下面的格式：E:/develop_tools/tomcats/wampserver3.1.9/bin/php/php7.2.18/

配置好后记得要保存

四、安装插件

打开vsc的插件安装工具，搜索PHP Debug；安装php debug插件，切换到扩展(Extension)界面，拉动滚动条，选择PHP Debug，点击安装，成功后点击重新载入

安装完成后重启Visual Studio Code

五、调试测试

打开调试页面

打开后的页面效果

这里刚开始第一次打开的时候要选择一下调试php语言
下面进入调试：打开页面可以看到调试启动了，我们在php文件代码中打一个断点。
鼠标光标移动到代码行号的最前面可以看到一个暗红色的小圆点：

点击一下小圆点会变亮红色，同时可以看到下面标记断点的php文件前面也有一个红色的小圆点：

打开浏览器访问我们要调试的php文件：

当我们回车后可以看到断点进入程序，高亮定位到了当前设置断点的那一行上：

然后就可以进行断点的上一步下一步，进入函数的调试了。