MENU

在VSCode中配置PHP开发环境

• March 29, 2021 • Read: 637 • Web,学习笔记,解决方案

下载 XAMPP

XAMPP 是一个易于安装的 Apache 发行版,下载并安装好就行了。当然也可以用 phpstudy。

官网下载:https://www.apachefriends.org/zh_cn/download.html

image.png

这里我选择下载 PHP7.4,你也可以下载最新版本的 PHP8.0。

然后打开其安装程序,一路 NEXT,安装地址最好不要选 C 盘,选择自己需要的进行安装即可。

添加系统变量

和之前配置 GCC 一样,找到你安装 XAMPP 的地址,然后添加到 PATH:

image.png

我这里是安装在了 E 盘,然后一路确定即可。然后在 cmd 中输入 php -v 来查看你是否配置成功,正常情况如下:

image.png

下载 xdebug3 插件*

下载地址:https://xdebug.org/download

我的是 PHP 7.4.16,而且是 Thread safe 版本,所以就下载对应的 TS 的版本。

添加配置

我下载下来的文件名为:php_xdebug-3.0.3-7.4-vc15-x86_64.dll 将其复制到 phpext 文件夹下,修改 php.ini 文件,在文件末尾添加以下配置信息:

[XDebug]
zend_extension = "E:/XAMPP/php/ext/php_xdebug-3.0.3-7.4-vc15-x86_64.dll"
xdebug.mode = debug
xdebug.start_with_request = yes
xdebug.client_host = "127.0.0.1"
xdebug.client_port = 9001

注意:这是针对于 xdebug3 的配置,网上绝大多数教程已经失效(大部分是 xdebug2),用网上的教程你会发现你怎么样也不能进行断点调试

在 VSCode 中安装调试插件

直接搜索 PHP Debug 然后安装即可,然后点击 VSCode 的 文件-首选项-设置,在设置里面的扩展找到 php,点击 setting.json 添加以下一行配置:

image.png

然后打开你自己的 php 工程文件夹,创建一个 test.php 文件,测试是否配置成功。

image.png

断点调试

你需要在你的 php 工程文件夹中创建 launch.json 文件,将里面的 port 改为之前 php.ini 文件中设置的端口(我这里是 9001),然后打好断点, F5 开始调试,在浏览器中访问你目前的 php 文件,即可进入断点。

这里推荐安装 PHP Server 插件,方便进入浏览器进行调试。


编辑:Henry 2021-03-29 未授权禁止转载


Archives QR Code
QR Code for this page
Tipping QR Code
Leave a Comment

5 Comments
  1. 程志辉 程志辉     Windows 10 /   Google Chrome

    vscode永远滴神

  2. 游点快乐 游点快乐     Windows 10 /   Google Chrome

    多谢大佬!

    1. Henry Henry     Windows 10 /   Google Chrome

      @游点快乐好久不见!

    2. 游点快乐 游点快乐     Windows 10 /   Google Chrome

      @Henry最近搬砖有点忙!

    3. Henry Henry     Windows 10 /   Google Chrome

      @游点快乐::xhl:xiaoku::差不多差不多。