袅袅牧童 本地开发环境：
本地开发+vagrant + 远程虚拟机virtualbox +linux ，php 7.0
安装vscode：
https://code.visualstudio.com/
配置需要的环境：
打开vscode，F5 命令依照提示选择 。
配置语言环境目录：
编辑器右下角进入设置，选择相关配置选择，如图为例：
必备插件：
以PHP语言为例。：
1、语言汉化 。2、Debuger for chrome 很好地插件，可以在使你在编辑器直接打开chrome调试 。 3、PHP Debuger 断点调试php的必须插件。
好了下面开始说说xdebug的事情。
根据自己 php版本安装xdebug：
https://xdebug.org/download.php
合理配置 xdebug：
vim xdebug.ini 加入如下配置：
zend_extension=/usr/lib64/php/modules/xdebug.so //so目录 xdebug.remote_enable = on //开启 xdebug.remote_autostart = 1 xdebug.remote_host = 192.168.10.10 //远程IDE的ip xdebug.remote_port = 9000 xdebug.remote_connect_back = 1 xdebug.auto_trace = 1 xdebug.collect_includes = 1 xdebug.collect_params = 0 xdebug.remote_log = /tmp/xdebug.log xdebug.idekey=VSCODE xdebug.overload_var_dump=1 //修改默认浏览器打印方式 1是取消路径显示 ，默认2打印文件路径 ~
重启web环境
运行 php -v 查看是否运行成功
配置 lauch.js :
在vscode中每一个插件配置，基本与例子相似
1、配置是 debuger for chrome的配置，从新的窗口打开：url 是你的地址，这里是我的远程映射地址 ，另外还有一种是本地文件形式的访问，用处感觉不如这个。
2、配置是PHP debuger 的配置，主要就是配合xdebug进行断点调试。
完成之后，就可以通过在php文件里添加断点——>开始监听Xdebug——>切换开启debuger for chrome
好了 开始 enjoy 。。 。 。
![[爱了]](/js/img/d1.gif)
![[尴尬]](/js/img/d16.gif)