1. 程式人生 > 程式設計 >VSCode+PHPstudy配置PHP開發環境的步驟詳解

VSCode+PHPstudy配置PHP開發環境的步驟詳解

第一步:下載安裝VSCode編輯器

第二步:下載安裝PHPstudy整合環境

第三步:開啟PHPstudy,選擇介面左側中的環境

在這裡插入圖片描述

第四步:點選右側PHP執行環境下面的更多,選擇適合的PHP版本

在這裡插入圖片描述

第五步:點選PHPstudy左側環境,再點選右側PHP選項中的設定,在彈出的介面中選擇擴充套件元件,再點選XDebug除錯元件,記住埠監聽號是多少,最後點選確認

在這裡插入圖片描述

第六步:點選PHPstudy左側的首頁,點選WNMP紅點切換適合的Web伺服器,然後點選啟動

在這裡插入圖片描述

第七步:開啟VSCode編輯器,在歡迎使用介面中,找到自定義專案的工具和語言,點選安裝對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的資料夾路徑新增到環境變數中

在這裡插入圖片描述

第十二步:開啟cmd,輸入php -v;如果出現php版本資訊,代表新增成功,否則重新新增

在這裡插入圖片描述

第十三步:開啟VSCode,選擇開啟PHPstudy安裝路徑下的WWW資料夾:D:\phpstudy_pro\WWW

,在開啟的資料夾裡新建一個test.php檔案進行測試;然後點選選單欄的執行下的啟動除錯,在下方的除錯控制檯可以看到輸出結果;如果沒有顯示除錯控制檯,可以開啟選單欄的終端裡的新終端即可

在這裡插入圖片描述

第十四步:如果第十三步中vscode終端控制檯沒顯示,可以確認一下PHPstudy是否開啟服務,然後開啟瀏覽器,在網址欄中輸入:http://localhost/index.html,如果顯示如下圖,則同樣配置成功,以後PHP檔案放在PHPstudy安裝目錄中的WWW資料夾裡即可

在這裡插入圖片描述

配置成功

總結

到此這篇關於VSCode+PHPstudy配置PHP開發環境的文章就介紹到這了,更多相關VSCode+PHPstudy配置PHP開發環境內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!