在工作中遇到了需要開發PHP的情況，因為習慣用VS開發.net系列，所以決定用VScode繼續開發PHP。對搭建VSCode的開發環境的過程做了一些總結。

Ｘｍａｐｐ的安裝

xDebug的安裝

首先執行XMAPP以後，發現已經監聽了80埠

開啟瀏覽器訪問 Http://localhost/，然後檢視PHPInfo，找到正確的PHP版本，特別是是否執行緒安全。因為這個版本決定了Xdebug的版本，如果版本尋找不對，XDEBUG是無法安裝成功的。


下載PHP對應的XDebug版本。下載地址：https://xdebug.org/download.php ，解壓以後修改dll名稱為php_xdebug.dll， 複製到php的ext資料夾下面。
修改php.ini，在下面增加

[XDebug]
zend_extension = "php_xdebug.dll"
xdebug.profiler_append = 0
xdebug.profiler_enable = 1
xdebug.profiler_enable_trigger = 0
xdebug.profiler_output_dir = "C:/xampp/tmp"
xdebug.profiler_output_name = "cachegrind.out.%t-%s"
xdebug.remote_host=127.0.0.1
xdebug.remote_port=9010
xdebug.remote_connect_back=0
 

xdebug.remote_enable = 1
xdebug.remote_autostart=1
xdebug.idekey=netbeans 

特別需要注意的是remoting_port的設定，跟後面vscode需要一致。我再配置xdebug的時候，因為版本問題，走了很多彎路。

配置Apache的虛擬目錄

首先在Apache的httpd.conf中把 #Include conf/extra/httpd-vhosts.conf修改為Include conf/extra/httpd-vhosts.conf。
然後找到httpd-vhosts.conf,在後面增加下面程式碼

<VirtualHost *:9000>
 

    ServerAdmin [email protected]
    DocumentRoot "D:/Learn/Spider/"
    ServerName localhost
    ErrorLog "logs/spider"
    CustomLog "logs/dspider" common
</VirtualHost>

重啟apache服務，訪問localhost:9000，會發現提示沒有許可權訪問。然後再httpd-vhosts.conf檔案中增加下面片段,並且重啟Apache服務。

<Directory "D:/Learn/Spider/">  
    Options Indexes FollowSymLinks Includes ExecCGI  
    AllowOverride All  
    Require all granted  
</Directory>  

訪問localhost:9000訪問正常。

下載並且安裝VScode

配置VSCode的PHP開發環境

1. 在VSCode的擴充套件中輸入ext：php，安裝PHP debug。
2. 在檔案=》首選項=》設定

{
    "php.validate.executablePath":"C:/xampp/php/PHP.exe"
}

3.可以建立和瀏覽剛剛設定的專案。設定Lauch.json如下

{
    // 使用 IntelliSense 瞭解相關屬性。 
    // 懸停以檢視現有屬性的描述。
    // 欲瞭解更多資訊，請訪問: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Listen for XDebug",
            "type": "php",
            "request": "launch",
            "port": 9010   //剛剛xdebug設定的埠
        },
        {
            "name": "Launch currently open script",
            "type": "php",
            "request": "launch",
            "program": "${file}",
            "cwd": "${fileDirname}",
            "port": 9000
        }
    ]
}