资讯专栏INFORMATION COLUMN

Visual Studio Code调试PHP

canger / 2592人阅读

摘要:和,这两个配置文档中说的是设置为。主要感慨就是,文档一定要找到官方文档,然后提高英语阅读水平,随后再加上多多尝试即可。

本人微信公众号:前端修炼之路,欢迎关注。

这两天有点时间,花时间学习了一下PHP基础语法和语句。因为个人比较喜欢Visual Studio Code这款编辑器,所以学习我主要记录一下使用VSCode学习PHP的遇到的一些问题。其中最主要的就是怎样使用VSCode调试PHP代码。

语法检查和格式化

为了更加规范的学习PHP,我决定使用一个插件。如果在VSCode中搜索php format插件,会有三个排名最靠上的插件。我尝试了半天,其中PHP Intephense这个插件最好用。这个插件的评价是五星坪的,很容易跟另外的一个PHP IntelliSense弄混淆了。PHP IntelliSense这个插件的评价是三星,另外就是如果需要代码格式化的话,还得组合使用 PHP CS Fixer,我配置了半天比较麻烦。而且不知道为何,一直无法格式化。

所以强烈推荐直接安装PHP Intelephense。只要安装了这个插件,代码提示、语法检查、格式化就都有了。

phpStudy

为了更愉快的学习PHP,需要一套后台集成环境,我这里选择的是PHP Study,光听名字,我就知道适合自己了。:)

软件的安装和使用,就不记录了。比较方便的是,PHP Study集成了ApacheNginxIIS服务器,并且集成了php5php7,非常的适合开发和学习。

PHP Debug

VSCode中搜索插件PHP Debug,将这个插件安装到VSCode中。从这个插件的文档中,可以发现Installation,也就是说安装的说明。因为不会PHP,再加上英语水平不是特别好,所以这个文档看了好久,才弄明白。特此记录一下。

安装XDebug。先不要直接下载XDebug,文档中有一行特别加粗的说明,一定要操作一下的。

I highly recommend you make a simple test.php file, put a phpinfo(); statement in there, then copy the output and paste it into the XDebug installation wizard. It will analyze it and give you tailored installation instructions for your environment.

上文提示就是说,强烈建议我们创建一个test.php,创建一条语句phpinfo(),然后将得到的信息粘贴到XDebug installation wizard这个页面中。这个页面会分析好你的PHP环境,已经需要安装XDebug的步骤。

test.php

test.php中创建如上内容,然后在浏览器中打开,会看到类似如下信息:

然后将页面ctrl+a全部拷贝,粘贴到XDebug installation wizard这个页面中。点击页面最下方的按钮Analyse my phpinfo() output。会得到类似如下的内容:

其中有4个步骤,照着做一下。第一个是下载xdebug;然后将文件移动到指定目录;最后打开php.ini文件,将zend_extension添加上。然后照着文档,添加xdebug.remote_enablexdebug.remote_autostart。完整的代码如下:

xdebug.remote_enable = 1
xdebug.remote_autostart = 1
zend_extension="D:Program FilesPhpPHPTutorialphpphp-7.1.13-ntsextphp_xdebug-2.7.2-7.1-vc14-nts.dll"

修改好php.ini文件之后,别忘记重启服务器,也就是phpStudy

vsCode debug

首先在phpStudyPHPTutorialWWW目录之下,添加一个测试文件index.php。添加几行测试代码:

"; 
echo $x;
?>

然后点击vsCodedebug按钮,或者ctrl+shift+d,开启调试窗口。如下:

launch.json中,配置了需要监听的xdebug的端口9000,直接使用默认的就好。

最后,只需要在代码中设置断点,然后刷新浏览器就能看见vscode进入断点了。如下图:

注意:我主要采坑的地方是在php.ini这个配置文件中。xdebug.remote_enablexdebug.remote_autostart,这两个配置文档中说的是设置为1。我设置之后经常会发现页面无法访问。后来我找到xdebug的官网文档,发现这两个属性也可以是boolean,文档看这里:remote_enable。所以如果有时无法访问到页面时,将值修改为true即可。


以上就是我配置VSCodePHP调试时候遇到的一些问题。主要感慨就是,文档一定要找到官方文档,然后提高英语阅读水平,随后再加上多多尝试即可。另外就是有时候百度出来的答案,自己尝试了经常会发现不好使~所以还是多多从官方文档入手。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/31717.html

相关文章

  • 专为 Laravel 定制的 Visual Studio Code 编辑器

    摘要:此扩展使用安装在已打开的工作区文件夹内的库。此扩展由开发,是一个与之间的调试适配器。它具有零依赖性,并可以极大程度地工作于任何规模的项目里。查看先前文件的拷贝或者将其与工作区版本或先前版本进行比较,查看编辑器里对活动行的更改。 showImg(https://segmentfault.com/img/remote/1460000018002818?w=1223&h=630); 嗨 工匠...

    Mertens 评论0 收藏0
  • Top 10 JavaScript编辑器,你在用哪个?

    摘要:在这个编辑器中,和是其中排名靠前的两个。是一个免费的轻量级编辑器和,用于和开发。对于免费的代码编辑器来说,是一个很好的选择。可以安装两个命令行实用程序,用于从启动编辑器,用于管理的软件包。 对于JavaScript程序员来说,目前有很多很棒的工具可供选择。本文将会讨论10个优秀的支持javascript,HTML5和CSS开发,并且可以使用Markdown进行文档编写的文本编辑器。为什...

    zombieda 评论0 收藏0
  • Visual Studio Code 断点调试 Vue

    摘要:个人还是更加习惯于断点调试。这篇文章将介绍如何配置和来完成直接在断点调试代码并且在的调试窗口看到中相同的值。现在就可以在文件的代码中打断点进行调试了。 很多人习惯在 Chrome 的调试窗口中调试 Vue 代码, 或者直接使用 console.log 来观察变量值, 这是非常痛苦的一件事,需要同时打开至少 3 个窗体。个人还是更加习惯于断点调试。这篇文章将介绍如何配置 Visual S...

    qpwoeiru96 评论0 收藏0
  • 实录分享&视频 | 微软Visual Studio Code是这样支持Docker的

    摘要:分享嘉宾是来自微软云计算事业部的高级软件开发工程师刘鹏。是微软开源的一款开发工具,它针对做了许多编译和命令上的支持。今天主要向大家介绍一下微软去年推出的一个,以及对的一些支持。年他加入微软,从事开发的工作。 本文是数人云分布式架构的开源组件大选Meetup的实录分享。分享嘉宾是来自微软云计算事业部的高级软件开发工程师刘鹏。Visual Studio Code是微软开源的一款开发工具,它...

    leoperfect 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<