本篇文章給大家詳細(xì)介紹一下如何在vscode配置PHP開(kāi)發(fā)環(huán)境。有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)大家有所幫助。

一、下載XAMPP

XAMPP是一個(gè)易于安裝的Apache發(fā)行版，其中包含MariaDB、PHP和Perl。僅僅需要下載并啟動(dòng)安裝程序。

XAMPP下載地址

官網(wǎng)下載：https://www.apachefriends.org/zh_cn/download.html
（可能需要科學(xué)上網(wǎng)，筆者沒(méi)辦法下，鏈接放這）

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

下載完后，PHP版本號(hào)是下面這個(gè)，后面需要用到

安裝XAMPP

一路NEXT，安裝地址最好不要選C盤(pán)，筆者安裝的是英語(yǔ)版。

安裝成功

根據(jù)需求開(kāi)啟，筆者寫(xiě)PHP的話(huà)選擇開(kāi)啟Apache。

添加系統(tǒng)變量

把PHP.exe所在文件夾路徑（筆者的是“D:XAMPPphp”）添加進(jìn)環(huán)境變量-系統(tǒng)變量-Path中（直接搜索框搜索系統(tǒng)變量便可找到）。

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

配置成功

二、 下載xdebug插件

下載地址：https://xdebug.org/download

下載什么PHP版本，可以在XAMPP中的README看到

（筆者的是PHP 7.4.0，而且是Thread safe版本，對(duì)應(yīng)的是帶TS的版本，下載下來(lái)對(duì)應(yīng)的不帶nts的版本，文件名：php_xdebug-2.9.7-7.4-vc15-x86_64.dll）

添加配置

把下載的x-debug文件（php_xdebug-2.9.7-7.4-vc15-x86_64.dll）復(fù)制到phpext文件夾下
用記事本修改php.ini文件，在文件末尾添加幾行配置信息，然后保存。

[xdebug]  zend_extension="D:/xampp/php/ext/php_xdebug-2.9.7-7.4-vc15-x86_64"//這個(gè)地址以及文件名一定要正確  xdebug.remote_enable = 1  xdebug.remote_autostart = 1

三、下載并安裝VSCode

下載地址：https://code.visualstudio.com/

在VSCode中安裝調(diào)試插件

1、點(diǎn)擊擴(kuò)展欄，輸入PHP，選擇PHP Debug安裝。

推薦學(xué)習(xí)：《vscode教程》

2、點(diǎn)擊VSCode的 文件-首選項(xiàng)-設(shè)置（不同版本可能顯示不同，注意查找用戶(hù)設(shè)置），在設(shè)置里面的擴(kuò)展找到php，點(diǎn)擊setting.json添加以下一行配置：

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

3、配置Debug

跳出的launch.json默認(rèn)即可，不需要改動(dòng)。

4、然后簡(jiǎn)單調(diào)試下，驗(yàn)證配置是否成功。

注意，一定要以打開(kāi)文件夾的形式才能成功設(shè)置斷點(diǎn)調(diào)試，單個(gè)文件無(wú)效?？梢赃x擇D：/xampp/php/www

<?php $a = 'hello world'; echo $a; ?>

設(shè)置斷點(diǎn)，然后啟動(dòng)調(diào)試。

5、在瀏覽器中打開(kāi)要調(diào)試的php（不是文件路徑而是服務(wù)器的地址(http://localhost:3000/hello.php)）,VSCode就會(huì)命中到打斷點(diǎn)的地方。

6、最后推薦安裝這個(gè)插件：PHP Server

可以選擇右鍵 PHP Server：Serve project，直接跳轉(zhuǎn)到瀏覽器

7、運(yùn)行結(jié)果