隨著網(wǎng)絡(luò)發(fā)展，學(xué)習(xí)和掌握web開發(fā)技術(shù)變得越來越重要。在這個(gè)過程中，調(diào)試代碼是一個(gè)必不可少的環(huán)節(jié)。
查看了很多網(wǎng)上的教程，沒有多少是適合新手的，步驟也不詳細(xì)，本篇教程將向你介紹如何利用最新的VScode和php xdebug實(shí)現(xiàn)在瀏覽器中直接調(diào)試網(wǎng)頁。我們?cè)赪indows下Thinkphp框架為例，該教程適合剛?cè)腴T的新手。
步驟一：準(zhǔn)備PHP環(huán)境
首先，確保你的電腦已經(jīng)安裝了PHP環(huán)境。我們推薦使用windows集成環(huán)境寶塔（或者其他集成環(huán)境，后續(xù)步驟大致相同）。如果你已經(jīng)使用了phpStudy，Wamp或其他集成環(huán)境，也可以參考下面的步驟進(jìn)行操作即可。
步驟二：安裝xdebug
可以訪問xdebug官網(wǎng)（xdebug.org），下載適合你PHP版本的xdebug。將下載的文件放置在PHP擴(kuò)展目錄的EXT文件夾中，如下圖所示：
如果你使用的是集成環(huán)境（例如寶塔），可以看看是否自帶有下載安裝功能，寶塔是可以直接進(jìn)行擴(kuò)展安裝，如下圖所示：
步驟三：配置php.ini文件
下載或安裝完成 php xdebug之后，需要在php.ini文件中進(jìn)行相關(guān)配置。打開php.ini文件，找到以下配置并進(jìn)行修改，如下圖所示：
路徑換成自己的實(shí)際路徑就可以了。
[Xdebug] ;是否開啟自動(dòng)跟蹤 xdebug.auto_trace = On ;是否開啟遠(yuǎn)程調(diào)試自動(dòng)啟動(dòng) xdebug.remote_autostart = 1 ;是否開啟遠(yuǎn)程調(diào)試 xdebug.remote_enable = On ;允許調(diào)試的客戶端IP xdebug.remote_host=localhost ;遠(yuǎn)程調(diào)試的端口（默認(rèn)9000） xdebug.remote_port=9000 ;調(diào)試插件dbgp xdebug.remote_handler=dbgp zend_extension="D:\BtSoft\php\74\ext\php_xdebug.dll" xdebug.idekey="php-vs" ;跟蹤輸出路徑 xdebug.trace_output_dir="D:\BtSoft\tmp\xdebug" ;調(diào)試輸出路徑 xdebug.profiler_output_dir ="D:\BtSoft\tmp\xdebug" xdebug.remote_log="D:\BtSoft\tmp\xdebug\xdebug.log"
步驟四：安裝VScode擴(kuò)展PHP Debug
VScode中打開擴(kuò)展面板，搜索并安裝"PHP Debug"擴(kuò)展，如下圖所示：
步驟五：配置VScode中的PHP Debug擴(kuò)展設(shè)置
配置VScode中的settings.json文件，即PHP Debug的擴(kuò)展設(shè)置。按照以下配置信息進(jìn)行修改：
配置信息如下：
{
"editor.inlineSuggest.enabled": true,
"php.debug.executablePath": "D:/BtSoft/php/74/php.exe",
"update.enableWindowsBackgroundUpdates": false,
"update.mode": "manual",
"php.validate.executablePath": "D:/BtSoft/php/74/php.exe",
}步驟六：修改launch.json配置
到這一步基本是也差不多的。現(xiàn)在需要修改運(yùn)行與調(diào)試的 launch.json 的配置，把默認(rèn)端口號(hào)，改成 9000，如下圖所示：
步驟七：搭建本地網(wǎng)站并設(shè)置斷點(diǎn)
在本地搭建一個(gè)網(wǎng)站，并將其綁定到127.0.0.1:9000地址上進(jìn)行訪問。運(yùn)行項(xiàng)目時(shí)，你會(huì)看到斷點(diǎn)已經(jīng)生效。
記得在編輯器上面按F9生成斷點(diǎn)。
文章來源：http://www.zghlxwxcb.cn/article/565.html
注意：本教程針對(duì)Windows操作系統(tǒng)，但大部分步驟也適用于其他操作系統(tǒng)。文章來源地址http://www.zghlxwxcb.cn/article/565.html
到此這篇關(guān)于最新VScode搭建php xdebug網(wǎng)頁調(diào)試環(huán)境教程,VScode + PHP xdebug教程的文章就介紹到這了,更多相關(guān)內(nèi)容可以在右上角搜索或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
