1.需要安装的软件

Visual Studio Code、

WAMP(包括Apache、MySQL、PHP、以及最关键的XDebug)

2.下载软件

Visual Studio Code,光看名字就知道是微软的作品,简单理解就是 一个可以书写以及调试代码的编辑器,即Visual Studio的清凉版(竞争对手为Notepad++, Sublime Text),官网

这里下载的是Windows下的安装包版本VSCodeSetup-1.8.1.exe

而WAMP是Windows下的PHP开发整合工具包(Linux下为LAMP),主要集成了Apache、MySQL、PHP和调试用的XDebug, 对于懒人来说是个很好的工具包,安装包了就可以用了,不用担心配置Apache和PHP以及,担心下载到的XDebug与PHP版本不兼容之类的问题

官网 如下:

点击Download下载最新的版本,这里下载的是64位的3.0.6版本

3.安装

3.1.安装WAMP,由于最新版需要依赖VC++ 2012和VC++ 2015类库,如果不安装就会出现一些错误提示:

或者

  

下载 VC++2012 和 VC++2015 安装上就好了

官网上的截图:

安装的截图:

   

在安装WAMP的过程中,还会询问你是否需要修改WAMP所默认的浏览器和编辑器,这个自己决定。

检查是否WAMP是否安装成功:

双击打开WAMP,会在右下角的任务栏看到它的图标,如果是绿色代表OK, 其他颜色都有问题,鼠标左键点击就会出现菜单,

点击菜单中的Localhost,如果出现以下页面,代表安装成功:

3.2.安装Visual Studio Code,

双击下载到的软件,一直默认即可

4.配置

4.1.由于调试的关键是XDebug,所以先配置XDebug,打开php.ini配置文件,搜索XDebug

   

可以看到默认的xdebug远程调用的关闭的,修改如下:

    将remote_enable改为on,并增加 xdebug.remote_autostart = on (这一行很重要,不添加可能无法触发断点)

 xdebug.remote_enable = on
xdebug.remote_autostart = on

    由于xdebug默认的运行时间是120秒,超过120秒会自动停止,所以可以根据需求修改 max_execution_time

 max_execution_time = 

4.2. 配置Visual Studio Code,

由于Visual Studio Code执行php代码,需要指定php的路径,不然会出现如下提示,

  

所以设置如下:文件->首选项->用户设置

发现设置文件是个json格式的文件,叫settings.json, 搜索php.

选中第二项,"php.validate.executablePath":null, 会出现个小笔,点击一下,在点击复制到设置,就会在右边的文件里出现

然后将php.exe的路径复制进去即可,特别注意,这里的路径分隔符是反斜杠:

最终配置内容如下:

ctrl + S保存即可

  4.3.安装php debug插件,切换到扩展(Extension)界面,拉动滚动条,选择PHP Debug,点击安装,成功后点击重新载入

重新载入,即重启Visual Studio Code

   

    如果切换到扩展没有出现插件列表,可以如此操作:点击右上角的省略号,然后选择显示常用的扩展

  

特别说明,PHP Debug必须通过打开文件夹中的文件才能调试,直接在VSC中新建的文件是调试不了的:

    

这里有说到,要打开文件夹以启动调试

  

      4.4. 配置PHP Debug

这里说明一下,WAMP的默认工作目录,在其安装目录的www文件夹,平时只需要在里面创建php文件,就能

    通过在浏览器中输入 localhost/xxx.php来访问,所以这里就直接打开www文件夹,并在其中创建一个hello.php文件

    

hello.php的代码如下:只有一句,就是输出 Hello World!

<?php
echo 'Hello World!';
?>

    切换到调试Debug界面,首先设置成PHP语言环境

然后选择Listen for XDebug,这里就是一开始修改php.ini文件的原因,只有开启XDebug远程调试,这里才能识别到

在代码中打一个断点,然后按下 F5启动调试工具(不是运行php文件);

最后在浏览器中输入hello.php的访问路径,然后就可以看到刚刚设置的断点并命中了

=================================================================

5.总结

首先要安装php的开发环境包括xDebug(这里推荐WAMP,傻瓜式,哈哈), 然后安装Visual Studo Code;

   通过修改php.ini来启动xDebug的远程调试,以便让PHP debug 检测到;

   配置Visual Studio Code中php.exe的路径;

     安装PHP Debug, 并配置好;

   通过打开www文件夹,设置好断点,并通过F5启动debug环境;

   最后在流量器中访问需要调试的php文件。

使用Visual Studio Code搭建PHP调试环境的更多相关文章

  1. 使用Visual Studio Code搭建TypeScript开发环境

    使用Visual Studio Code搭建TypeScript开发环境 1.TypeScript是干什么的 ? TypeScript是由微软Anders Hejlsberg(安德斯·海尔斯伯格,也是 ...

  2. Windows下visual studio code搭建golang开发环境

    Windows下visual studio code搭建golang开发环境 序幕 其实环境搭建没什么难的,但是遇到一些问题,主要是有些网站资源访问不了(如:golang.org),导致一些包无法安装 ...

  3. Windows下使用Visual Studio Code搭建Go语言环境

    1.安装GO语言   下载地址:    https://golang.org/dl/   Windows下直接运行安装GO语言即可.     安装成功.   安装完毕GO语言后,需要添加GOPATH环 ...

  4. Visual Studio Code 搭建Python开发环境

    1.下载Python https://www.python.org/downloads/windows/ 选择一个版本,目前2.0的源码比较多,我下载的2.7.12 2.配置环境变量 3.Visual ...

  5. Visual Studio Code搭建Python开发环境方法总结

    更新:目前VSCode官方Python插件已经支持代码运行与调试,无需安装Code Runner插件. 1.下载安装Python,地址 https://www.python.org/downloads ...

  6. Visual Studio Code搭建python开发环境

    开发Python的环境有很多,原来已经在vs2013上面搭建好python的开发环境了,但是vs2013每次启动都占太多内存(太强大了吧),这下出了vs code,既轻量又酷炫,正好拿来试一试开发py ...

  7. 基于Visual Studio Code搭建Vue开发环境

    安装node.js最新版 这里安装的是8.11.4版   image.png 更新npm至最新版 安装node.js后, npm默认版本为: 6.1.0   image.png 使用npm insta ...

  8. Visual Studio Code搭建NodeJs的开发环境

    一.Visual Studio Code搭建NodeJs的开发环境 1.下载安装NodeJs并配置环境变量 可以参考:NodeJs的安装和环境变量配置 2.下载安装 VS Code编辑器 可以参考:V ...

  9. Visual Studio Code配置GoLang开发环境

    Visual Studio Code配置GoLang开发环境 在Visual Studio Code配置GoLang开发环境 作者:chszs,未经博主允许不得转载.经许可的转载需注明作者和博客主页: ...

随机推荐

  1. office2010安装不成功提示缺少MSXML 6.10.1129.0?

    office2010安装 1. office重装 由于之前重装系统后安装office2010很顺利,这次删除office2010,由于没有删除干净,在程序删除面板中误点删除了其他文件所致,所以在此安装 ...

  2. 软件工程—WC功能实现 (JAVA)

    软件工程-WC功能实现(JAVA) Github项目地址:https://github.com/Ousyoung/wc 项目要求 ​ wc.exe 是一个常见的工具,它能统计文本文件的字符数.单词数和 ...

  3. Android-Java-Thread start run的区别

    Thread start(Thread子类.start(); 这样属于开启新的线程,不属于方法调用) Thread.currentThread().getName(); 获取当前正在运行的线程执行路径 ...

  4. Tomcat的error-page掩盖action实例化的exception

    在使用Struts2+Spring+Tomcat开发的时候,为了避免骚扰用户,线上系统我们一般会定义错误处理页面.但是如果开发环境中也这么做(在web.xml定义了错误转发页面),而碰巧某个actio ...

  5. 设计模式总结(《Head First设计模式》学习总结)

    写在前面: 学习过程中不仅要熟练掌握技能,理论的消化吸收也必不可少.虽然个人更倾向于学习技术类的东西(短时间的精力投入很快就能看到成效...),但看了很多前辈的经验总结后才知道理论性的东西是绝对不能忽 ...

  6. C# 读取Excel表格内容,以及NPOI的使用

    在实际的开发中,我们可能需要读写word或者Excel的内容,在我开发的项目中,需要读取Excel的内容,并将相对应的内容存储到数据库中,这里简单跟大家分享一下,希望能够帮助一些人. 我相信在读写wo ...

  7. ADO.NET系列之Command对象

    ADO.NET系列之Connection对象 ADO.NET系列之Command对象 ADO.NET系列之DataAdapter对象 ADO.NET系列之事务和调用存储过程 上一篇<ADO.NE ...

  8. NetCore入门篇:(九)Net Core项目使用Session及用Redis做分布式

    一.简介 1.因为Net Core默认是没有启动Session功能的,如果需要使用,需要通过代码开启. 2.本篇说明如果启用默认Session实现,即Session存到内存中. 3.本篇扩展说明如何用 ...

  9. wpf ,只能窗口调整高度,并且设定最小值。

    MaxWidth="900" WindowStyle="ToolWindow" ResizeMode="CanResize" WindowS ...

  10. 为什么选择AJPFX

    外汇贵金属交易市场是全球最大的金融产品市场,日均交易量达到5万亿美元,相当于美国证券市场的40倍,中国股票市场日均交易量的700倍,它的主要优势在于其透明度较高,由于交易量巨大,主力资金(如政府外汇储 ...