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