用Visual Studio Code Debug世界上最好的语言
Mac用户看这里:用Visual Studio Code Debug世界上最好的语言(Mac篇)
前言
这阵子因缘巧合接手了一个辣鸡项目,是用世界上最好的拍黄片写的,项目基本是另一个小伙伴在撸码,我就兼职打杂和发布做点运维的工作。
然后昨天项目上了测试版之后,一用起来Error满天飞了。让小伙伴查了很久都没有头绪,实在尴尬,只好自己动手了…
作为一个后端狗,虽然知道PHP大体原理和框架,看着项目的业务逻辑也大体知道个所以然,在此之前还是没撸过代码的。
看代码基本是Visual Studio Code或者HBuilder工具,本地跑代码很白痴的在用phpStudy。
Error出来了,第一反应就是debug咯…然后问了下小伙伴他以前怎么玩的,答曰:echo。
一口老血都…
查了下谷歌发现,Visual Studio Code + 插件是完全可以用来调试PHP的,所以就撸起了。
Visual Studio Code + php-debug插件 + phpStudy + xdebug
安装Visual Studio Code
首先肯定是先下载Visual Studio Code 咯。
安装好之后,随便在一个文件夹内鼠标“右键”,都能看到Open with code,打开之后如下图:
安装Visual Studio Code php-debug插件
装好VS Code之后,接下来是安装一下PHP-Debug插件了。我们在插件商城搜索一下php,排名第二的PHP Debug就是我们要的插件了。
如下图:
装好了之后重启一下vs code即可。
phpStudy
对于我这种懒人来说,去配置什么PHP运行环境肯定是不愿意的,那么类似的集成环境有么?
小伙伴和我说,你下个phpStudy撸就算了,别去倒腾什么版本了。
然后…
下载好了安装完了,打开程序如下图:
看了下功能,其实这个软件就是集成了各种版本的PHP,可以方便切换PHP版本;同时自带一个Apache和MySQL,各种配置管理起来也挺方便的。
(感觉dalao们应该不怎么会用这么白痴的东西,233…
装好之后,启动一下服务,点击一下phpMyAdmin,看看它打开的网站是否能登录到本地的MySQL数据库。
如果可以,说明PHP环境应该是正常的了;如果有问题,请自行谷歌了…
接着切换PHP版本到意向版本,点击一下运行模式旁边的“切换版本”就可以选择版本了。
xdebug设置
xdebug是什么呢?
1 | Xdebug作为PHP调试工具,提供了丰富的调试函数, |
我们可以在xdebug.org(自备梯子)上面下载到PHP各个版本的xdebug dll使用。
不过当我打开phpStudy的php-ini打算手动开启debug的时候,非常高兴得发现已经phpStudy已自带了对应版本的xdebug,而且路径都配好了。
phpStudy的php.ini在“其他选项-打开配置文件-php-ini”,如下图:
把文档拉到最后,看得到xdebug的配置如下:
phpStudy已经帮我们配置好xdebug dll的路径了,我们只需要手动在zend_extension上面添加远程调试和自动启动配置即可,代码如下:
1 |
|
完整配置如下:1
2
3
4
5
6
7[XDebug]
;xdebug.profiler_output_dir="C:\phpStudy\tmp\xdebug"
;xdebug.trace_output_dir="C:\phpStudy\tmp\xdebug"
xdebug.remote_enable = 1
xdebug.remote_autostart= 1
;你的PHP版本的php_xdebug.dll,phpStudy自动设置的
zend_extension="C:\phpStudy\php\php-5.5.38\ext\php_xdebug.dll"
保存文件,重启一下phpStudy服务。
Visual Studio Code 设置用户配置和调试配置
这个时候,我们随便在PHP文件夹中打开vs code,vs code会自动提示我们:Cannot validate since no PHP executable is set. Use the setting ‘php.validate.executablePath’ to configure the PHP executable.
嗯,没有设置PHP执行文件,可以通过设置php.validate.executablePath属性来配置它。
这个在哪配置呢?在“文件-首选项-设置”,打开之后如下图:
这个php.validate.executablePath对应就是当前phpStudy中运行的php.exe的路径,可以在phpStudy-其他选项菜单-打开文件位置-PHP中找到此路径。
保存好了之后,回到Visual Studio Code界面,转到Debug,选择添加配置,之后选择PHP,生成如下图的launch.json:
不用改任何东西,直接开撸…
开启Debug
确保phpStudy启动了,网站也正常运行起来了,然后在Visual Studio Code中启动调试,打上要的断点,接着启动调试。
如下图:
接着访问你要调试的页面对应的PHP代码,打上你的断点,华丽丽的Debug出来了…
F10单步调试,F11跳入函数,F5直接运行之类的快捷键自己玩吧。
其他运行环境下的配置
基本没什么区别,配置php.ini,下载到对应版本的xdebug.dll,php.validate.executablePath配置正确就完事。
其他参考链接: