设为首页 收藏本站
查看: 1206|回复: 0

[经验分享] 使用Visual Studio Code搭建PHP调试环境

[复制链接]

尚未签到

发表于 2017-12-30 20:49:11 | 显示全部楼层 |阅读模式
1.需要安装的软件
  Visual Studio Code、
  WAMP(包括Apache、MySQL、PHP、以及最关键的XDebug)

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

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

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

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

  或者
DSC0003.jpg

  下载 VC++2012 和 VC++2015 安装上就好了
  官网上的截图:
DSC0004.png

DSC0005.png

  安装的截图:
DSC0006.png

DSC0007.png

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

  双击打开WAMP,会在右下角的任务栏看到它的图标,如果是绿色代表OK, 其他颜色都有问题,鼠标左键点击就会出现菜单,
  点击菜单中的Localhost,如果出现以下页面,代表安装成功:
DSC0009.png

  3.2.安装Visual Studio Code,
  双击下载到的软件,一直默认即可

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

  可以看到默认的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 = 120  

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

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

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

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

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

  最终配置内容如下:
DSC00016.png

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

  重新载入,即重启Visual Studio Code
DSC00018.png

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

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

  这里有说到,要打开文件夹以启动调试
  4.4. 配置PHP Debug
  这里说明一下,WAMP的默认工作目录,在其安装目录的www文件夹,平时只需要在里面创建php文件,就能
  通过在浏览器中输入 localhost/xxx.php来访问,所以这里就直接打开www文件夹,并在其中创建一个hello.php文件
DSC00021.png

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

<?php  echo
'Hello World!';  

?>  

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

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

  在代码中打一个断点,然后按下 F5启动调试工具(不是运行php文件);
  最后在浏览器中输入hello.php的访问路径,然后就可以看到刚刚设置的断点并命中了
DSC00024.jpg

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

5.总结
  首先要安装php的开发环境包括xDebug(这里推荐WAMP,傻瓜式,哈哈), 然后安装Visual Studo Code;
  通过修改php.ini来启动xDebug的远程调试,以便让PHP debug检车到;
  配置Visual Studio Code中php.exe的路径;
  安装PHP Debug, 并配置好;
  通过打开www文件夹,设置好断点,并通过F5启动debug环境;
  最后在流量器中访问需要调试的php文件。

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-430114-1-1.html 上篇帖子: php中判断一个字符是否在字符串中 下篇帖子: PHP环境配置与优化(Ubuntu16.04/PHP7)
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表