[VS CODE] PHP调试环境配置步骤

STEP1 安装配置VS-Code-PHP
STEP2 安装配置XDebug
STEP3 配置VSCode调试器
扩展

Wampserver32
整合部署环境，集成Apache服务器 + MySQL + PHP一体的服务器配置环境
Wampserver版本: 3.0.6 32bit
PHP版本: PHP 5.6.25
XDebug

Xdebug is an extension for PHP to assist with debugging and development. It contains a single step debugger to use with IDEs;

XDebug版本： v2.4.1

VSCode
微软提供的一款文本编辑器，使用起来挺带感。界面友好，支持语种非常全面，插件生态链健全。
PS：注意需要在首页安装php的支持文件

PHPDebug
vs code plugin - VS code ide 插件
用于适配vs code ide的调试器

PHP Debug Adapter for Visual Studio Code

部署调试环境步骤如下：

STEP1 安装配置VS-Code-PHP

安装VS-Code环境
安装PHPDebug - 扩展选项中输入查找安装，重启环境 - 如下图所示:
文件->首选项->设置 ===> 配置PHP执行文件路径，如下图所示:

配置内容如下，因为wamp存在两个php版本，本次测试使用的是5.6版本。

“php.validate.executablePath”: “C:/wamp/bin/php/php5.6.25/php.exe”,

新建需要调试的文件，例如index.php，文件的目录应存在于服务器的目录下，目标文件必须要能够被webserver访问。

STEP2 安装配置XDebug

下载安装XDebug
安装方法可以参考XDebug官方网站
https://xdebug.org/download.php
不需要安装，下载后文件是一个dll插件

由于我们使用Wampserver，查找安装目录下存在如下dll

.\wamp\bin\php\php5.6.25\zend_ext\php_xdebug-2.4.1-5.6-vc11.dll

该dll为Wampserver提前安装好的XDebug，本次测试使用该版本的XDebug进行测试。
配置XDebug
- 找到php.ini文件，在该文件尾部添加如下设置：
  
  [xdebug]
  zend_extension = “c:/wamp/bin/php/php5.6.25/zend_ext/php_xdebug-2.4.1-5.6-vc11.dll”
  xdebug.remote_enable = On
  xdebug.remote_autostart = On
zend_extension 表示扩展的XDebug插件路径，选择上一步安装的路径
xdebug.remote_enable 使能远程调试
xdebug.remote_enable 使能自动远程调试 - 该选项也必须选中
- 查看是否安装成功，可以进入浏览器（Wampserver配置成功）localhost，查看phpinfo()，如下图所示：
  
  上述配置两个开关必须为开启状态才能够启用调试，否则会导致无法启动调试器，无法调试。

PS：php.ini 路径如下:

C:\wamp\bin\apache\apache2.4.23\bin\php.ini

重点关注
上面的路径选用apache服务器下的php.ini配置文件，一定不能选择php版本对应目录下的php.ini修改，否则将导致无法触发断点。

C:\wamp\bin\php\php5.6.25\php.ini

STEP3 配置VSCode调试器

启用调试器，按下F5或者debug按钮，会弹出如下图所示下拉框：
选择后，会在工作目录下面出现.vode文件夹，文件夹下会出现一个名为”launch.json“的配置文件。该文件就是该调试器对应的配置文件，勿需修改。缺省内容如下：

{// 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。// 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387"version": "0.2.0","configurations": [{"name": "Listen for XDebug","type": "php","request": "launch","port": 9000},{"name": "Launch currently open script","type": "php","request": "launch","program": "${file}","cwd": "${fileDirname}","port": 9000}]
}

PS：此处PHP对应的就是PHP Debug插件，如果项目文件夹中有其他前端代码需要使用Debug for Chrome进行调试，可把.vode文件夹删除后，重启选择调试器进行配置。

选择调试界面

选择”Listen for XDebug“一项
下断点，按下F5界面进入调试状态
进入浏览器中进入该项目下的php文件，触发断点，正常调试完成。

扩展：

其中还有另外一项Launch currently open script，其主要功能是离线调试，依赖于PHP-CLI。

值得一提的是，psysh也是依赖于php-cli。如果问cli到底是什么，目前我能理解的就是本地的脚本解释器，地位等价于web服务器中的脚本解释器。如果使用该方式进行调试，可不需要架设服务器调试代码逻辑。
需要注意的关键点，如果在该调试模式下，php.ini文件不再选择Apache服务器下的php.ini文件，应该选择PHP安装目录下的php.ini文件配置与STEP2相同的配置选项。同理如果修改PHP安装目录下的php.ini文件，在phpinfo中是无法查看到Xdebug进行了修改。

vscode-PHP调试工具测试相关推荐

如何使用串口调试工具测试HX530串口RFID读卡器读取IC卡卡号
串口调试工具测试读卡操作说明 HX530串口RFID读写器 1.打开SDK 中的Demo,使用串口工具,如下图 2.在串口调试工具设置相关参数 2.1.波特率:9600:数据位:8:停止位:1:校验位 ...
HX530系列串口通信高频RFID读写器|读卡器串口调试工具测试读卡操作说明
本文将重点介绍HX530系列串口通信高频RFID读写器|读卡器串口调试工具测试读卡操作说明. 1.打开SDK 中的Demo,使用串口工具,如下图 2.在串口调试工具设置相关参数 2.1.波特率:960 ...
c语言什么是测试环境,vscode搭建与测试c语言运行环境
1.在vscode里面下载c/c++官方插件: 先右键标红那里,选择make for installation 然后左上角菜单installation下拉选择apply changes:安装完成就可 ...
vscode 全项目替换_利用vscode插件提升前端国际化开发效率
1. 起因国际化是我们目前开发工作中非常重要的一环.对于老项目,我们可以通过便捷的方式对中文文案进行批量国际化:但是对于新增的功能或者模块开发,一般还是开发同学对文案逐个进行国际化.我自己的开发流程 ...
VSCode + Latex 配置
1. 安装VSCode VSCode下载 next,next就安装好了. 2. 配置VSCode 2.1 安装LaTeX Workshop插件 install,安装LaTeX Workshop插件 2 ...
485串口测试工具软件_（案例）电脑和仪表之间485通讯的奇怪现象及解决方案
最近网友遇到一个奇怪的现象: 台式电脑通过USB-485转换模块和管道上的一个仪表进行通讯,前面6套都很正常,第7套无法通讯.已经更换了转换模块.台式电脑,无法解决.但是用笔记本电脑就可以通讯. 台式 ...
大4女生想做软件测试岗，如何系统性学习测试呢？
我个人进入软件测试这个行业也小十年了.现在在xx公司担任自动化测试工程师.回首过往,很感激在初入软件测试职场有大佬的提携,让我明白作为一个软件测试工程师应该具备的能力和对该职业的认知.也很感激,之后遇 ...
VScode配置C/C++环境（适合大学生C++课程，从零开始配置）
使用全新系统演示,从零开始,不走弯路,全程仅需简单操作,无需配置json文件 1.下载MinGW 2.安装MinGW以及设置环境变量 3.安装VScode 4.安装VScode扩展 5.测试 1.下载 ...
从0基础到车载测试工程师，薪资11K，肯拼搏的人，总会有所收获
梦想是人一生中的一幅蓝图,包含了我们的追求,信仰和憧憬.有了梦想,就有了目标和奋斗的方向.我们都需要梦想,就像需要一幅蓝图.今天跟大家分享的是近期就业的学员靳同学的就业故事,他说:"不想做将 ...

vscode-PHP调试工具测试

STEP1 安装配置VS-Code-PHP

STEP2 安装配置XDebug

STEP3 配置VSCode调试器

扩展：

vscode-PHP调试工具测试相关推荐

最新文章

热门文章