VScode + PHPstudy + PHP Debug 调试PHP代码

找了好多文章写个流程笔记记录下,整了几天终于搞定了(毕竟我是小白萌新)。

  1. 下载小皮面板 https://www.xp.cn/download.html
  2. 下载vscode https://code.visualstudio.com/
  3. 下载everything https://www.voidtools.com/zh-cn/

一、小皮面板点击配置php.ini

翻到篇文章说这个不需要改什么php.ini直接在里面点几下就自动加好了。真香!!!
VScode + PHPstudy + PHP Debug 调试PHP代码_第1张图片

二、vscode下载PHP Debug

方法1、访问下方链接点击install直接会弹窗调用vsconde安装
https://marketplace.visualstudio.com/items?itemName=xdebug.php-debug
VScode + PHPstudy + PHP Debug 调试PHP代码_第2张图片
方法2、vscode里搜索扩展PHP Debug。
VScode + PHPstudy + PHP Debug 调试PHP代码_第3张图片

三、vscode配置php.exe的应用程序路径。

VScode + PHPstudy + PHP Debug 调试PHP代码_第4张图片

VScode + PHPstudy + PHP Debug 调试PHP代码_第5张图片
VScode + PHPstudy + PHP Debug 调试PHP代码_第6张图片
VScode + PHPstudy + PHP Debug 调试PHP代码_第7张图片
后面设置了一堆就没截到什么图最后这个php的设置里长这样:(第二个会自动生成到时候也是把php.exe的绝对路径填进去)
VScode + PHPstudy + PHP Debug 调试PHP代码_第8张图片

四、运行apache服务、配置网站。

VScode + PHPstudy + PHP Debug 调试PHP代码_第9张图片
可以在网站的根目录下建立个文件夹用来存放需要调试的php文件。
VScode + PHPstudy + PHP Debug 调试PHP代码_第10张图片
然后点击小皮界面的【网站】–【管理】–【打开网站】来看看网站是否正常(我们加了文件夹就需要在后面输入我们文件的目录。如:http://localhost/phptext/p.php)
这里我在phptext的目录下放了个p.php用来显示phpinfo代码如下:

<?php
phpinfo();
?>

五、运行调试,自动生成创建 launch.json

1、创建 launch.json
VScode + PHPstudy + PHP Debug 调试PHP代码_第11张图片
点击创建然后输入php直接选择出现列表里的第一个。如上图。
VScode + PHPstudy + PHP Debug 调试PHP代码_第12张图片
2、然后打开个网站目录下 phptext里的php文件运行调试。
VScode + PHPstudy + PHP Debug 调试PHP代码_第13张图片
这里也需要浏览器访问那个foot.php文件
VScode + PHPstudy + PHP Debug 调试PHP代码_第14张图片
然后就是F11单步调试的去了。
VScode + PHPstudy + PHP Debug 调试PHP代码_第15张图片

结束end.

你可能感兴趣的:(单步调试系列,php,vscode,apache)