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

《Visual Studio Code搭建PHP调试环境》

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

《Visual Studio Code搭建PHP调试环境》

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

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

三、配置Visual Studio Code

由于Visual Studio Code执行php代码,需要指定php的路径,不然会出现如下提示,
《Visual Studio Code搭建PHP调试环境》
设置步骤如下图:
汉化了就是这个步骤:文件->首选项->用户设置
《Visual Studio Code搭建PHP调试环境》

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

《Visual Studio Code搭建PHP调试环境》
我这边的版本都已经是图形界面的了,有些早的版本可能是Json格式的键值对表示的。
点击拷贝Json到设置文件:
《Visual Studio Code搭建PHP调试环境》
拷贝Json后—-打开编辑setting文件:
《Visual Studio Code搭建PHP调试环境》
打开设置文件后鼠标右键粘贴:
《Visual Studio Code搭建PHP调试环境》
执行后效果如图:
《Visual Studio Code搭建PHP调试环境》
可以看到上面的配置文件中Json的格式vlue值是null;
下面我们就给配置上 PHP 的path的值:
《Visual Studio Code搭建PHP调试环境》

路径就是我们在安装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/

《Visual Studio Code搭建PHP调试环境》

配置好后记得要保存

四、安装插件

打开vsc的插件安装工具,搜索PHP Debug;安装php debug插件,切换到扩展(Extension)界面,拉动滚动条,选择PHP Debug,点击安装,成功后点击重新载入
《Visual Studio Code搭建PHP调试环境》

安装完成后重启Visual Studio Code

五、调试测试

打开调试页面

《Visual Studio Code搭建PHP调试环境》
打开后的页面效果
《Visual Studio Code搭建PHP调试环境》
这里刚开始第一次打开的时候要选择一下调试php语言
下面进入调试:打开页面可以看到调试启动了,我们在php文件代码中打一个断点。
鼠标光标移动到代码行号的最前面可以看到一个暗红色的小圆点:
《Visual Studio Code搭建PHP调试环境》
点击一下小圆点会变亮红色,同时可以看到下面标记断点的php文件前面也有一个红色的小圆点:
《Visual Studio Code搭建PHP调试环境》
打开浏览器访问我们要调试的php文件:
《Visual Studio Code搭建PHP调试环境》

当我们回车后可以看到断点进入程序,高亮定位到了当前设置断点的那一行上:
《Visual Studio Code搭建PHP调试环境》
然后就可以进行断点的上一步下一步,进入函数的调试了。

    原文作者:Chao启航秀
    原文地址: https://blog.csdn.net/qq_34195507/article/details/94976731
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞