Visual Studio Code搭建PHP调试环境

发布于:2021-09-13 17:57:07

使用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.9inapacheapache2.4.39inphp.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 omcatswampserver3.1.9inphpphp7.2.18
大家可以看到斜杠是跟我们要的是相反的,这里就叫大家一个简单转换的方式。
首先复制你找到的文件的全路径,打开浏览器粘贴到地址栏中安回车可以看到下面的格式:E:/develop_tools/tomcats/wampserver3.1.9/bin/php/php7.2.18/


配置好后记得要保存
四、安装插件

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


安装完成后*鬡isual Studio Code
五、调试测试
打开调试页面


打开后的页面效果

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

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

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


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

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

相关推荐