【VSCode插件】xdebug开发调试PHP

程序小工

发布于 2018-09-12 15:49:13

12.2K00

代码可运行

文章被收录于专栏：程序小工

运行总次数：0

代码可运行

摘要

Xdebug 在开发过程中可以帮我们查看具体的运行和步骤，以及每行代码执行的结果，在学习和解决代码问题的时候可以提供非常大的便利。PHPStorm 也可以进行 Xdebug 调试，VScode 也可以进行配置调试，且比 PHPStorm 的配置简单很多，不用每次去创建一个 Server，再创建一个 web page 服务。相比之下，VSCode 的界面好看，且简单方便，值得学习一下。

使用了一段时间，但是偶尔还是会出现一些问题，故而进行了整理总结。

一.插件准备

1.查看插件列表

[avatar

2.搜索并安装`PHP Debug` (安装 VScode 时选择 PHP 开发相关的话会自动安装)

PHP Debug

二.进行配置

1.给 PHP 安装 Xdebug 扩展(此处使用的是 PHPstudy 集成开发环境)

2.在 php.ini 中添加相关配置

[XDebug]
# xdebug扩展的位置，phpstudy已经默认设置好
zend_extension="D:\phpStudy\PHPTutorial\php\php-5.6.27-nts\ext\php_xdebug.dll"
xdebug.auto_trace=1
xdebug.collect_params=1
xdebug.collect_return=1
xdebug.trace_output_dir ="D\phpStudy\tmp\xdebug"
xdebug.profiler_output_dir ="D:\phpStudy\tmp\xdebug"
xdebug.profiler_output_name = "cachegrind.out.%t.%p"
xdebug.remote_enable = 1
xdebug.remote_autostart = 1
xdebug.remote_handler = "dbgp"
xdebug.remote_host = "127.0.0.1"
# 设置端口号，默认是9000，此处因为本地环境端口冲突故设置为9001（在vscode配置中需要用到）
xdebug.remote_port = 9001
# 这是用于phpstorm中xdebug调试的配置，在vscode中没有用到
xdebug.idekey = phpstorm

3.在 phpinfo 中查看 xdebug 扩展的信息，验证是否开启成功

4.查看 vscode 中 debug 页面

5.新建 debug 配置,并选择调试语言

6.进行配置

相关配置信息参考：（注意 port 端口号的值，需要与 php.ini 中设置的一样）

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

三.开启调试

1.启动 debug(点击绿色小箭头启动)

显示出调试小窗口

2.开启自动附加(单击即可切换开关)

3.设置断点(行号前点击即可出现红色小断点)

4.在浏览器中访问设置断点的程序

5.访问后会自动跳转到 VSCode，并显示出断点标记，并显示相关执行结果

6.在`调试小窗口`中进行单步调试或单步跳过等操作

注意

1.注意自动附加是否是开启状态

2.注意端口号是否冲突（点击下部玫红色状态栏的Listen for XDebug后，会弹出选择 debug 设置如果端口设置有问题的话，会在选择后弹出错误提示）

(设置小图标后打开调试控制台也可以显示相关错误提示，注意查看即可) 将launch.json的端口号修改未被占用的号，并且修改php.ini中 xdebug 的配置

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2018-05-09，如有侵权请联系 cloudcommunity@tencent.com 删除

其他

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

其他

登录后参与评论

0 条评论

热度

【VSCode插件】xdebug开发调试PHP