使用Visual Studio Code搭建PHP调试环境

 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

1 xdebug.remote_enable = on
2 xdebug.remote_autostart = on

　　  因为xdebug默认的运行时间是120秒，超过120秒会自动中止，因此能够根据需求修改 max_execution_time

1 max_execution_time = 120

 

         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文件。