php结合phpstudy8、vscode开启xdebug进行代码调试

> 参考：https://blog.csdn.net/weixin_63172698/article/details/135922901

参考上面这篇文章已经说的很到位了。一步一步来，肯定能成功。

我这里只强调一下 整体的步骤和细节：

我这里以php7.4.3版本为例：

## 第一步：配置环境变量

把php7.4.3的 目录加到 windows的path环境变量里。

## 开启php的Xdebug

我这里使用的是`9003`端口，这个在前后要保持统一。

![](/media/202409/2024-09-09_153618_8295200.9198374685196219.png)

开启了xdebug之后，在php.ini里最底部肯定会生成 下面这段配置：
~~~

[Xdebug]
zend_extension=C:/phpstudy_pro/Extensions/php/php7.4.3nts/ext/php_xdebug.dll
xdebug.collect_params=1
xdebug.collect_return=1
xdebug.auto_trace=On
xdebug.trace_output_dir=C:/phpstudy_pro/Extensions/php_log/php7.4.3nts.xdebug.trace
xdebug.profiler_enable=On
xdebug.profiler_output_dir="C:\phpstudy_pro\Extensions\tmp\xdebug"
xdebug.remote_enable=On
xdebug.remote_autostart = On
xdebug.remote_host=localhost
xdebug.remote_port=9003
xdebug.remote_handler=dbgp
~~~

== 注意一下： ==
上面这段配置是自动生成的，但是！！！！

`xdebug.remote_autostart = On` 这个是我后来加进去的！！！
我最开始没加，导致一直调试不了代码。

还有就是 `xdebug.remote_port=9003`的 9003端口，根据你的实际情况进行修改！！！

## 在vscode里安装插件

如图所示，把php debug的这个插件给装了。

![](/media/202409/2024-09-09_153745_7524680.297342257728221.png)

## setting.json

`php.validate.executablePath` 和 `php.debug.executablePath` 路径配置正确！！！

~~~
{
    "workbench.colorTheme": "Default Dark Modern",
    "workbench.startupEditor": "none",
    "workbench.iconTheme": "vscode-icons",
    "php.validate.executablePath": "C:\\phpstudy_pro\\Extensions\\php\\php7.4.3nts\\php.exe",
    "http.proxy": "",
    "terminal.integrated.enableMultiLinePasteWarning": false,
    "explorer.confirmPasteNative": false,
    "intelephense.format.braces": "k&r",
    "git.openRepositoryInParentFolders": "never",
    "php.debug.executablePath": "C:\\phpstudy_pro\\Extensions\\php\\php7.4.3nts\\php.exe"

}
~~~

## launch.json

下面两个都可以，但是注意端口一定要配置正确！！！

~~~
{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch current script in console",
            "type": "php",
            "request": "launch",
            "program": "${file}",
            "cwd": "${fileDirname}",
            "externalConsole": false,
            "port": 9003
        },
        {
            "name": "Listen for XDebug",
            "type": "php",
            "request": "launch",
            "port": 9003
        }
    ]
}
~~~

~~~
{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Listen for Xdebug",
            "type": "php",
            "request": "launch",
            "port": 9003
        },
        {
            "name": "Launch currently open script",
            "type": "php",
            "request": "launch",
            "program": "${file}",
            "cwd": "${fileDirname}",
            "port": 0,
            "runtimeArgs": [
                "-dxdebug.start_with_request=yes"
            ],
            "env": {
                "XDEBUG_MODE": "debug,develop",
                "XDEBUG_CONFIG": "client_port=${port}"
            }
        },
        {
            "name": "Launch Built-in web server",
            "type": "php",
            "request": "launch",
            "runtimeArgs": [
                "-dxdebug.mode=debug",
                "-dxdebug.start_with_request=yes",
                "-S",
                "localhost:0"
            ],
            "program": "",
            "cwd": "${workspaceRoot}",
            "port": 9003,
            "serverReadyAction": {
                "pattern": "Development Server \$http://localhost:([0-9]+)\$ started",
                "uriFormat": "http://localhost:%s",
                "action": "openExternally"
            }
        }
    ]
}
~~~

最后：

选择这个Listen for Xdebug，然后 点击 那个绿色的小按钮就可以了。。

![](/media/202409/2024-09-09_154339_2348040.9169125229535786.png)

## 控制台输出

![](/media/202409/2024-09-09_154427_7236290.9646120674184685.png)

页面顶部：

![](/media/202409/2024-09-09_154511_1547160.30187568913134544.png)