作者:萍鄉市基三易速科技有限公司 時間:2021-12-15 瀏覽量:1674
第一步:下載安裝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,運行cnpm run dev。
over,若還沒解決,請尋其他解決方案。
在PHPstudy中配置網站即可。注意:根目錄不能選錯。
本文總結自網上多篇優秀文章, 供參考學習使用
網址:https://www.cnblogs.com/wuhongbin/p/14318557.html