目錄
- 一、下載XAMPP
- 二、 下載xdebug插件
- 三、下載并安裝VSCode
一、下載XAMPP
XAMPP是一個易于安裝的Apache發(fā)行版,其中包含MariaDB、PHP和Perl。僅僅需要下載并啟動安裝程序。
XAMPP下載地址
官網(wǎng)下載:https://www.apachefriends.org/zh_cn/download.html

其他地址下載:http://xiazai.zol.com.cn/detail/38/372445.shtml
下載完后,PHP版本號是下面這個,后面需要用到

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

根據(jù)需求開啟,筆者寫PHP的話選擇開啟Apache。
添加系統(tǒng)變量
把PHP.exe所在文件夾路徑(筆者的是“D:\XAMPP\php”)添加進環(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://這個地址以及文件名一定要正確
xdebug.remote_enable = 1
xdebug.remote_autostart = 1
三、下載并安裝VSCode
下載地址:https://code.visualstudio.com/
在VSCode中安裝調(diào)試插件
1、點擊擴展欄,輸入PHP,選擇PHP Debug安裝。

2、點擊VSCode的 文件-首選項-設(shè)置(不同版本可能顯示不同,注意查找用戶設(shè)置),在設(shè)置里面的擴展找到php,點擊setting.json添加以下一行配置:
"php.validate.executablePath": "D:/xampp/php/php.exe",
//地址是php.exe文件所在的位置

3、配置Debug
跳出的launch.json默認即可,不需要改動。
4、然后簡單調(diào)試下,驗證配置是否成功。
注意,一定要以打開文件夾的形式才能成功設(shè)置斷點調(diào)試,單個文件無效??梢赃x擇D:/xampp/php/www
?php
$a = 'hello world';
echo $a;
?>
設(shè)置斷點,然后啟動調(diào)試。
5、在瀏覽器中打開要調(diào)試的php(不是文件路徑而是服務(wù)器的地址(http://localhost:3000/hello.php)),VSCode就會命中到打斷點的地方。
6、最后推薦安裝這個插件:PHP Server
可以選擇右鍵 PHP Server:Serve project,直接跳轉(zhuǎn)到瀏覽器

7、運行結(jié)果

以上就是如何在VSCode配置PHP開發(fā)環(huán)境的詳細內(nèi)容,更多關(guān)于VSCode配置PHP開發(fā)環(huán)境的資料請關(guān)注腳本之家其它相關(guān)文章!
您可能感興趣的文章:- VSCode+PHPstudy配置PHP開發(fā)環(huán)境的步驟詳解
- phpStudy vscode 搭建debug調(diào)試的教程詳解
- 詳解關(guān)于php的xdebug配置(編輯器vscode)
- php在linux環(huán)境中如何使用redis詳解
- Docker搭建php環(huán)境教程詳解
- 搭建PhpStorm+PhpStudy開發(fā)環(huán)境的超詳細教程
- Apache+PHP+MySQL搭建PHP開發(fā)環(huán)境圖文教程
- docker靈活的構(gòu)建PHP環(huán)境的實現(xiàn)