使用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文件：

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

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

Visual Studio Code搭建PHP调试环境相关推荐

Visual Studio Code搭建TypeScript开发环境
转载 http://www.cnblogs.com/sunjie9606/p/5945540.html 使用Visual Studio Code搭建TypeScript开发环境 1.TypeScrip ...
使用Visual Studio Code搭建TypeScript开发环境
使用Visual Studio Code搭建TypeScript开发环境 1.TypeScript是干什么的 ? TypeScript是由微软Anders Hejlsberg(安德斯·海尔斯伯格,也是 ...
Windows下使用Visual Studio Code搭建Go语言环境
1.安装GO语言下载地址: https://golang.org/dl/ Windows下直接运行安装GO语言即可. 安装成功. 安装完毕GO语言后,需要添加GOPATH环境变量 ,指向自己的 ...
Windows下visual studio code搭建golang开发环境
前言其实环境搭建没什么难的,但是遇到一些问题,主要是有些网站资源访问不了(如:golang.org), 导致一些包无法安装,最终会导致环境搭建失败,跟据这个教程几步,我们将可以快速的构建golang ...
Visual Studio Code搭建NodeJs的开发环境
一.Visual Studio Code搭建NodeJs的开发环境 1.下载安装NodeJs并配置环境变量可以参考:NodeJs的安装和环境变量配置 2.下载安装 VS Code编辑器可以参考:V ...
Windows10下利用Visual Studio Code搭建C语言开发环境
Windows10下利用Visual Studio Code搭建C语言开发环境 1. 前言 2. 下载安装VSCode以及MinGW 2.1 下载安装VSCode 2.2 下载安装MinGW-w64 ...
visual studio code搭建Java环境 - 一步一个脚印详细教程
visual studio code搭建Java环境一.软件安装二.添加环境变量三.vscode配置 1.软件本身设置 2.编译环境配置后记一.软件安装 visual studio code ...
Visual Studio Code搭建Java环境
使用Visual Studio Code搭建Java环境第一步先下载我们可以到Visual Studio Code官方下载进入后我们会看到下载好后我们解压解压后进入文件夹下->新建文件 ...
visual studio code安装shadertoy特效环境
vscode安装shadertoy特效环境搭建教程 visual studio code安装shadertoy特效环境搭建教程 shadertoy介绍搭建shadertoy环境下载拓展插件 GLS ...

Visual Studio Code搭建PHP调试环境