配置過程

第一步：下載安裝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運行不了的問題。若各位不是以這個為前提的，解決方案不適合各位大佬們遇見的問題。

1. 直接放圖片，錯誤為這個

   

2. 解決方案

   

   

3. 重啟vscode。

4. 若繼續出現以下錯誤

   

5. 解決方案:先關閉vscode。然后

最后打開vscode，運行cnpm run dev。

over，若還沒解決，請尋其他解決方案。

報錯二

在PHPstudy中配置網站即可。注意：根目錄不能選錯。

參考解決

本文總結自網上多篇優秀文章, 供參考學習使用

網址：https://www.cnblogs.com/wuhongbin/p/14318557.html