淺談VSCode中配置PHP開發環境的方法-VSCode-PHP中文網

淺談VSCode中配置PHP開發環境的方法

青灯夜游

發布： 2021-08-04 18:34:56

轉載

9302 人瀏覽過

本篇文章跟大家介紹一下VSCode中設定PHP開發環境的方法。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有幫助。

淺談VSCode中配置PHP開發環境的方法

【推薦學習：《vscode教學》、《PHP影片教學》】

一、下載XAMPP

XAMPP是一個易於安裝的Apache發行版，其中包含MariaDB、PHP和Perl。僅僅需要下載並啟動安裝程式。

XAMPP下載網址

官網下載：https://www.apachefriends.org/zh_cn/download.html
（可能需要科學上網，筆者沒辦法下，連結放這）

淺談VSCode中配置PHP開發環境的方法

其他網址下載： http://xiazai.zol.com.cn/detail/38/372445.shtml
（建議下載這個，選擇本地下載-電信通道或聯通通道都可以）

下載完後，PHP版本號是下面這個，後面需要用到
淺談VSCode中配置PHP開發環境的方法

安裝XAMPP

一路NEXT，安裝位址最好不要選C盤，筆者安裝的是英文版。

安裝成功

淺談VSCode中配置PHP開發環境的方法
根據需求開啟，筆者寫PHP的話選擇開啟Apache。

新增系統變數

把PHP.exe所在資料夾路徑（筆者的是「D:\XAMPP\php」）加入環境變數-系統變數-Path中（直接搜尋框搜尋系統變數便可找到）。

在cmd中輸入php -v，檢查是否配置成功

配置成功
淺談VSCode中配置PHP開發環境的方法

二、下載xdebug外掛

下載網址：https://xdebug.org/download
下載什麼PHP版本，可以在XAMPP中的README看到
（筆者的是PHP 7.4.0，而且是Thread safe版本，對應的是帶有TS的版本，下載下來對應的不帶nts的版本，檔名：php_xdebug-2.9.7-7.4-vc15- x86_64.dll）
淺談VSCode中配置PHP開發環境的方法

新增設定

把下載的x-debug檔案（php_xdebug-2.9.7-7.4-vc15-x86_64. dll）複製到php\ext資料夾下
用記事本修改php.ini文件，在文件末尾添加幾行配置信息，然後保存。

[xdebug]

zend_extension="D:/xampp/php/ext/php_xdebug-2.9.7-7.4-vc15-x86_64"//这个地址以及文件名一定要正确

xdebug.remote_enable = 1

xdebug.remote_autostart = 1

登入後複製

三、下載並安裝VSCode

#下載位址：https://code.visualstudio.com/

淺談VSCode中配置PHP開發環境的方法

##。 ###在VSCode中安裝偵錯外掛程式#########1、點選擴充欄，輸入PHP，選擇PHP Debug安裝。 ############ 2、點選VSCode的檔案-首選項-設定（不同版本可能顯示不同，注意找出使用者設定），在設定裡面的擴充找到php，點選setting.json新增以下一行設定：###

"php.validate.executablePath": "D:/xampp/php/php.exe",
//地址是php.exe文件所在的位置

登入後複製

######### 3、設定Debug######跳出的launch.json預設即可，不需要改變。 ######4、然後簡單偵錯下，驗證設定是否成功。 ######注意，一定要以開啟資料夾的形式才能成功設定斷點偵錯，單一檔案無效。可以選擇D：/xampp/php/www######

<?php $a = &#39;hello world&#39;;
echo $a;
?>

登入後複製

######設定斷點，然後啟動偵錯。 #########5、在瀏覽器中開啟要偵錯的php（不是檔案路徑而是伺服器的位址(http://localhost:3000/hello.php)）,VSCode就會命中到打斷點的地方。 ######6、最後推薦安裝這個外掛：PHP Server### 可以選擇右鍵PHP Server：Serve project，直接跳到瀏覽器###############7 、運行結果############更多程式相關知識，請造訪：###程式設計影片###！！ ###

以上是淺談VSCode中配置PHP開發環境的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！