VSCode+wampserver搭建PHP调试环境

1.下载vscode和wampserver
Vscode下载地址: https://code.visualstudio.com/
Wampserver下载地址: https://www.wampserver.com/en/#download-wrapper

2.测试wampserver是否安装成功
双击打开WAMP,会在右下角的任务栏看到它的图标,如果是绿色代表OK, 其他颜色都有问题,鼠标左键单击,选择菜单中的Localhost,如果出现以下页面,代表安装成功:
VSCode+wampserver搭建PHP调试环境_第1张图片
3.配置wampserver
a.左键单击任务栏wampserver图标,单击PHP,选择并打开php.ini;
b.查找xdebug,将xdebug.remote_enable改成on,增加一行:xdebug.remote_autostart = on (不添加可能无法触发断点)
图2
Xdebug默认的运行时间是120秒,超时会自动停止,可以按需修改。
图3
c.左键单击任务栏wampserver图标,选择并打开www directory,新建文件夹wampFiles,拖入vscode添加到工作区。(之后我们都会在这个文件夹里创建项目,并且可以在浏览器中输入http://localhost:8080/wampFiles/进行访问)

注意:Apache默认端口为80,为避免被占用,建议改为8080。右键单击任务栏wampserver图标,选择Tools,找到Port used by Apache,选择Use a port other than 80,将80改为8080。

4.配置vscode
a.安装相关插件
VSCode+wampserver搭建PHP调试环境_第2张图片
b.选择文件->首选项->设置->扩展->PHP,找到settings.json,找到php.validate.executablePath,将 null 改为对应的PHP路径。
VSCode+wampserver搭建PHP调试环境_第3张图片
c.配置Debug,launch.json配置如下:
VSCode+wampserver搭建PHP调试环境_第4张图片
现在我们可以进行调试了。

你可能感兴趣的:(php)