• 首页   /  職場   /  
  • 【相關學習推薦: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文件夾里即可

    在這裡插入圖片描述

    配置成功

    相關學習推薦:php編程(視頻)

    以上就是詳解VSCode+PHPstudy配置PHP開發環境的步驟的詳細內容!


    ————————————————