如何在VSCode配置PHP開發(fā)環(huán)境

一、下載XAMPP

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

XAMPP下載地址

官網(wǎng)下載：https://www.apachefriends.org/zh_cn/download.html

其他地址下載：http://xiazai.zol.com.cn/detail/38/372445.shtml

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

安裝XAMPP

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

安裝成功

根據(jù)需求開啟，筆者寫PHP的話選擇開啟Apache。

添加系統(tǒng)變量

把PHP.exe所在文件夾路徑（筆者的是“D:\XAMPP\php”）添加進(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版本，對應(yīng)的是帶TS的版本，下載下來對應(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ù)制到php\ext文件夾下
用記事本修改php.ini文件，在文件末尾添加幾行配置信息，然后保存。

[xdebug]

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

xdebug.remote_enable = 1

xdebug.remote_autostart = 1

三、下載并安裝VSCode

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

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

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

2、點(diǎn)擊VSCode的 文件-首選項(xiàng)-設(shè)置（不同版本可能顯示不同，注意查找用戶設(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、然后簡單調(diào)試下，驗(yàn)證配置是否成功。
注意，一定要以打開文件夾的形式才能成功設(shè)置斷點(diǎn)調(diào)試，單個(gè)文件無效。可以選擇D：/xampp/php/www

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

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

5、在瀏覽器中打開要調(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é)果

以上就是如何在VSCode配置PHP開發(fā)環(huán)境的詳細(xì)內(nèi)容，更多關(guān)于VSCode配置PHP開發(fā)環(huán)境的資料請關(guān)注腳本之家其它相關(guān)文章！