VSCode 作为宇宙第一IDE编辑器产物,势必要试一试。

一、下载安装VSCode,然后汉化。

image.png

上面的输入框,输入插件名称chinese……,并安装

按下 ctrl+shift+p 输入 config,并进行语言配置

image.png

二、安装php相关插件。

1、PHP IntelliSense

(查看函数定义及跳转到函数定义处,Ctrl+mouse left)

首先进入应用商店,搜索该插件,然后点击 Install 安装,我这边安装过,所以没有显示Install

image.png

image.png

image.png

在这里输入你php执行文件地址

"php.suggest.basic": false,//官方建议禁用,避免重复
"php.validate.executablePath": "D:\\wamp\\bin\\php\\php7.2.18\\php.exe",
"php.executablePath": ""

使用效果,按住ctrl+鼠标左键, 然后点击,可以跳转到函数定义处

2、PHP DocBlocker

(自定义注释,/** + enter)非必须

image.png

配置文件如下:

"php-docblocker.extra": [
  "@Author WY xxxxxx@163.com",
  "@DateTime $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND",
  "@param undefined",
  "@return undefind"
],
"php-docblocker.functionTemplate": {
  "message": {},
  "extra": {},
  "param": {},
  "return": {},
},

3、php Debug 调试工具

image.png

在你需要调试的文件,配置

image.png

添加项目

image.png

在这里进行配置

配置内容如下,其实不需要配置啥,,,因为默认的已经设置好了,无非就是是否需要更改端口。

wamp中xdebug默认的端口是 9000,无占用情况下,不需要修改。

4、bracket pair colorizer (非必须),主要是让代码好看,括号变颜色

至此,vscode已经配置完了,下面开始wamp的配置

三、wamp xdebug配置

默认的wamp 是自带xdebug的,我们只需要进行简单的配置即可。如下:

[xdebug]
zend_extension="d:/wamp/bin/php/php7.2.18/zend_ext/php_xdebug-2.7.2-7.2-vc15-x86_64.dll"
xdebug.remote_enable = On
xdebug.profiler_enable = On
xdebug.remote_autostart=On
xdebug.profiler_enable_trigger = On
xdebug.profiler_output_name = cachegrind.out.%t.%p
xdebug.profiler_output_dir ="d:/wamp/tmp"
xdebug.show_local_vars=0
;远程IDE所在HOST和PORT
xdebug.remote_handler = dbgp
;端口号,记住此端口号,在PHPstorm中会用到
xdebug.remote_port = 9000
;可以是任意Key,这里设定为PHPSTORM
xdebug.idekey = VSCode

OK,以上就配置完了。

1、在使用的时候,先在VScode设置断点,然后调试。

2、在浏览器当中,执行当前页面路径,则会生效。

最后修改:2021 年 05 月 11 日
如果觉得我的文章对你有用,请随意赞赏