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調試配置完成