VScode+phpStudy搭建php代码调试环境

一、安装Visual Studio Code

官网:https://code.visualstudio.com/
下载安装包后,按照默认安装即可

安装中文语言环境

点击左侧工具栏的 extensions 或者使用快捷键 Ctrl+Shift+X ,输入chinese,点击 Install 安装中文简体,之后重起 vscode 即可在这里插入图片描述

二、安装phpstudy

我比较喜欢老版本的,安装包如下:
链接:https://pan.baidu.com/s/1JJ8wkMqvXz0SGES2wU2Wng
提取码:vup6
新版本可以去官网下载

配置Xdebug

1、打开phpstudy,其他选项菜单->php扩展及设置->php扩展->勾选xdebug
2、修改php.ini,找到你使用的php版本目录下的php.ini,修改 [XDebug] 的内容

将 zend_extension 目录修改为你的 xdebug.dll (phpstudy自带) 的路径
然后在最后添加

xdebug.remote_enable = on
xdebug.remote_autostart = on

在这里插入图片描述
修改好后重启apache, 可以访问http://127.0.0.1/phpinfo.php来查看xdebug有没有配置成功
在这里插入图片描述
如果 phpinfo 信息里有 xdebug 就说明 php 的 xdebug 配置成功了。

三、配置VScode

指定使用的 php.exe 的路径

点击 文件->首选项->设置->扩展->搜索 php
在这里插入图片描述
然后打开 setting.json,添加并保存(下面是你自己的php路径)

"php.validate.executablePath": "D:/PHPTutorial/php/php-5.5.38/php.exe"

在这里插入图片描述

安装 php debug 插件

打开扩展 Extension 界面,搜索PHP Debug,点击install安装,在重启VScode 即可
在这里插入图片描述

四、配置 PHP Debug 并测试

这里我们新建一个php文件,并放到网站的根目录下

<?php
echo "hello";
$a=$_POST['a'];
?>

然后用vscode打开他所在的文件夹
注意:PHP Debug 必须通过打开文件夹中的文件才能调试,而且需要是可以访问的文件夹,直接在VScode中新建的文件是调试不了的。
在这里插入图片描述
然后切换到调试 Debug 界面,按 F5 选择PHP语言环境
在这里插入图片描述然后点击创建 launch.json(这里它会通过默认配置生成,通常不需要需改)
在这里插入图片描述
注意:里面的远程端口要和php.ini中的设置一致
默认使用的是9000端口,如果端口冲突可以在 php.ini 的 xdebug 下添加如下代码:

xdebug.remote_port = 9001

然后选择Listen for XDebug,并点击绿色小箭头或按 F5 启动调试工具在这里插入图片描述接者在代码中下一个断点(点击行号前面的点即可)在这里插入图片描述最后在浏览器中访问我们下断点的页面,VScode就能够监听代码接收的内容并显示相关运行结果在这里插入图片描述这里可以看到代码运行停在了第3行,$a还没有被赋值,以及接收到的参数

关于vim插件,导致不能使用ctrl+c的问题

VScode 中默认加载了 VIM 插件
可以在文件->首选项->设置中->搜索 vim.us 将 vim.useCtrlKeys 选项前的勾去掉
在这里插入图片描述

配置以新窗口打开文件夹

文件>>首选项>>设置>>窗口>>新建窗口>>Open Folders In New Window>>on 这里设置为on即可在这里插入图片描述

其他的插件

Code Runner

功能:直接在编辑器中运行代码,查看结果,非常方便,一键运行。
只需右键运行 run 即可
详细使用参考:
https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner

自定义执行程序的 PATH

{
    "code-runner.executorMap": {
        "javascript": "node",
        "php": "C:\\php\\php.exe",
        "python": "python",
        "perl": "perl",
        "ruby": "C:\\Ruby23-x64\\bin\\ruby.exe",
        "go": "go run",
        "html": "\"C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe\"",
        "java": "cd $dir && javac $fileName && java $fileNameWithoutExt",
        "c": "cd $dir && gcc $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt"
    }
}

在setting.json里加入上面的常用配置

最好将"code-runner.runInTerminal"设置为true,这样就可以让程序在终端中执行,就不会出现无法在只读编辑器输入的情况了。

也就是将  "code-runner.runInTerminal": true,  添加到setting里

在这里插入图片描述
避免每次重复输出结果。可以在 vscode --文件–设置–首选项,找到 code run,勾上每次 清除上一次结果。
在这里插入图片描述

PHP IntelliSense

功能:
智能完善代码
标签关键字提示
工作区符号搜索
选中参数高亮
转到定义,函数跳转即查看
徘徊
找到所有符号
列精确的错误报告

安装和使用都需要php7.1以上环境,在setting里设置即可
在这里插入图片描述
使用的时候首先选定类或函数,然后右键转到定义,实现跳转
(或者ctrl + 左键 跳转到定义 ctrl + 右键 查看引用)
在这里插入图片描述

PHP Intelephense

与PHP IntelliSense的功能类似,但是不需要php7环境

Theme

用来设置 VScode 的主题,可以直接去插件商店选择一款好看的(PS:毕竟是常用软件嘛)

  • 7
    点赞
  • 68
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值