一、下载VScode与PHPstudy

首先我们自然是需要搭建环境:

window10 + PHPstudy + VScode

VScode下载地址:https://code.visualstudio.com/
PHPstudy下载地址:https://www.xp.cn/
下载完毕后自行安装即可。

二、配置PHP环境变量

这里我们PHPstudy默认其实是没有将PHP加入到环境变量中的,所以这里我们先去将PHP加入到环境变量中。
这里可以右键此电脑-》点击属性-》点击高级系统设置-》点击环境变量如下图:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
找到PATH,然后编辑:
在这里插入图片描述
点击新建,加上如下路径(这个路径要改的,我PHPstudy安装在D盘,所以是D:/,然后后面路径是一样的,因为是PHPstudy默认安装的):

D:\phpstudy_pro\Extensions\php\php7.3.4nts

到这里PHP环境变量配置完毕。

三、PHPstudy中启用xdebug扩展

点击网站-》管理-》PHP扩展-》Xdebug
在这里插入图片描述

四、打开php.ini,修改配置

php.ini具体查找路径如下:
在这里插入图片描述
这里我本人安装在D:\phpstudy_pro\Extensions\php\php7.3.4nts路径下。得注意一定要找是phpxxxnts文件下。

[Xdebug]
zend_extension=D:/phpstudy_pro/Extensions/php/php7.3.4nts/ext/php_xdebug.dll
xdebug.collect_params=1
xdebug.collect_return=1
xdebug.auto_trace=On
xdebug.trace_output_dir=D:/phpstudy_pro/Extensions/php_log/php7.3.4nts.xdebug.trace
xdebug.profiler_enable=On
xdebug.profiler_output_dir=D:/phpstudy_pro/Extensions/php_log/php7.3.4nts.xdebug.profiler
xdebug.remote_enable=On
xdebug.remote_autostart = On 
xdebug.remote_host=localhost
xdebug.remote_port=9001
xdebug.remote_handler=dbgp

端口最好不要用9000,不然会跟Nginx冲突
这里注意,一定要有xdebug.remote_enable=On xdebug.remote_autostart = On 这两条语句,将我上面这串代码加到php.ini配置文件末尾。同时注意这里端口使用的是9001,后面端口需要与这里一致。

五、修改vscode配置

在这里插入图片描述
点击设置:
在这里插入图片描述
点击扩展:
在这里插入图片描述
点击PHP Debug:
在这里插入图片描述
在打开的settings.json中,添加php路径:

"php.debug.executablePath": "D:\\phpstudy_pro\\Extensions\\php\\php7.3.4nts\\php.exe",
"php.validate.executablePath": "D:\\phpstudy_pro\\Extensions\\php\\php7.3.4nts\\php.exe"

在这里插入图片描述
这里一定要将安装路径搞正确。

六、VScode安装相关插件

安装PHP Debug、PHP Intelephense、PHP Xdebug
在这里插入图片描述
这里PHP Xdebug如果不能,可以安装旧版本,0.6版本。

七、配置launch.json

注意端口号要跟php.ini中一致
首先,这个文件是自动创建的,我们这里需要打开一个文件夹才可以有自动创建选项,在调试窗口。
在这里插入图片描述

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

这里我们将上面这串代码复制到这个文件内,这里我们可以看到端口是9001,需要和PHP配置文件里面相同。

八、设置断点,开始调试

在这里插入图片描述
这里我创建了一个断点,然后点击开始调试:
在这里插入图片描述
点击之后我们就会看到下图:
在这里插入图片描述
到这里我们就需要执行PHP代码,这里我们访问这个代码所在的界面:
在这里插入图片描述
到这里我们就配置完成了,可以进行调试了,希望能帮助到你。

更多推荐