VS Code斷點調試PHP超詳細萌新教程

AppServ安裝

---

1. 下載
2. 安裝，一路默認設置順便設置sql密碼便可。這裏建議不要修改端口，後續教程默認80端口。
3.點我測試，有下圖則恭喜你AppServ安裝完成。

Xdebug配置

---

1. 首先點擊我

2. 再點擊我

3. 再第二個頁面ctrl + a 全選再ctrl + c 複製到第一個頁面的輸入框並點擊Analyse my phpinfo() output按鈕

4. 一字不漏的把四個所有執行

5. 能夠在這裏重啓 webserver

6. 點擊我查找是否有以下圖示

7. 恭喜Xdebug配置完成

VsCode配置

---

1.安裝php debug擴展

2. 修改php debug中php的執行路徑, vscode左上角依次點擊 文件->首選項->設置->用戶->擴展->php->在setting.json中編輯

3. 修改settings.json文件以下

{
    "php.validate.executablePath": "D:\\AppServ\\php7\\php.exe" 
    //這裏要改爲你安裝AppServ時選擇的路徑類推注意雙斜線
}

4. 再次修改php.ini文件，就是Xdebug配置小節 中 步驟四 中的 第四個要求 中的路徑位置添加以下代碼，保存重啓 webserver

[XDebug]
xdebug.remote_enable = 1
xdebug.remote_autostart = 1

5. 在appserv安裝目錄下的www文件夾中建立phptest文件夾

6. 使用vscode打開phptest文件夾並建立test.php文件輸入以下代碼

<?php
for ($i=1; $i<=5; $i++)
{
    echo "The number is " . $i . "<br>";
}
?>

7. 依次點擊 調試->打開配置->php


8. 看到以下配置而且多出來了一個文件夾則成功

9. 進入test.php並打上斷點

10. 按F5調試

11.進入瀏覽器輸入 http://127.0.0.1/phptest/

12.點擊test.php vscode成功監聽到調試

13.php調試配置完成

不坑能夠點個贊