VSCode PHP 開發環境配置 詳細教程
這篇文章主要介紹了VScode+PHPstudy配置PHP開發環境的步驟，整理了官方以及優秀第三方的內容，對於學習和工作有一定借鑒意義。
配置過程
第一步：下載安裝VScode編輯器。
下載地址：https://code.visualstudio.com/
安裝只需一直點下一步即可
第二步：下載安裝PHPstudy集成環境。
下載地址：https://www.xp.cn/download.html
安裝只需一直點下一步即可
第三步：打開PHPstudy，選擇界面左側的軟件管理。
第四步：點擊右側PHP，安裝合適的PHP版本。
第五步：點擊PHPstudy軟件管理，再點擊右側系統環境，選擇PHP，找到PHP設置，在彈出頁面中選擇擴展組件，開啟XDebug調試組件，記住端口監聽的端口號。
第六步：點擊PHPstudy左側的首頁，將Apache的啟動端口改為8080（80端口一般被系統進程占用），再點擊WNMP選擇合適WEB服務器，最后啟動。
第七步：打開VSCode編輯器，在歡迎使用界面中，找到自定義項目的工具和語言，點擊安裝對PHP的額外支持。如果已經安裝PHP支持，可以跳過這一步。
第八步：打開VSCode的 文件 -> 首選項 -> 設置 -> 擴展 -> 找到PHP插件
第九步：分別點擊PHP和PHP IntelliSense插件的 settings.json 文件
第十步：找到phpstudy安裝路徑中的php.exe文件路徑：D:/phpstudy_pro/Extensions/php/php7.3.4nts/php.exe；將這個路徑復制到上一步找到的json文件中的php.validate.executablePath 和 php.executablePath 屬性值里
第十一步：此電腦選擇屬性，高級系統設置，在彈出窗口中將php.exe的文件夾路徑D:\phpstudy_pro\Extensions\php\php7.3.4nts添加到環境變量中
第十二步：打開cmd，輸入php -v；如果出現php版本信息，代表添加成功，否則重新添加
第十三步：打開VSCode，選擇打開PHPstudy安裝路徑下的WWW文件夾：D:\phpstudy_pro\WWW，在打開的文件夾里新建一個test.php文件進行測試；然后點擊菜單欄的運行下的啟動調試，在下方的調試控制台可以看到輸出結果；如果沒有顯示調試控制台，可以打開菜單欄的終端里的新終端即可
第十四步：如果第十三步中vscode終端控制台沒顯示，可以確認一下PHPstudy是否開啟服務，然后打開瀏覽器，在網址欄中輸入：http://localhost:8080/test.php，如果顯示如下圖，則同樣配置成功，以后PHP文件放在PHPstudy安裝目錄中的WWW文件夾里即可
錯誤參考
報錯一
參考解決
本人解決的問題是：在系統cmd命令框能運行vue項目，但是在vscode運行不了的問題。若各位不是以這個為前提的，解決方案不適合各位大佬們遇見的問題。
-
直接放圖片，錯誤為這個
-
解決方案
-
重啟vscode。
-
若繼續出現以下錯誤
-
解決方案:先關閉vscode。然后
最后打開vscode，運行cnpm run dev。
over，若還沒解決，請尋其他解決方案。
報錯二
在PHPstudy中配置網站即可。注意：根目錄不能選錯。
參考解決 
本文總結自網上多篇優秀文章, 供參考學習使用