Xdebug 在開發過程中可以幫我們查看具體的運行和步驟，以及每行代碼執行的結果，在學習和解決代碼問題的時候可以提供非常大的便利。PHPStorm 也可以進行 Xdebug 調試，VScode 也可以進行配置調試，且比 PHPStorm 的配置簡單很多，不用每次去創建一個 Server，再創建一個 web page 服務。相比之下，VSCode 的界面好看，且簡單方便，值得學習一下。
使用了一段時間，但是偶爾還是會出現一些問題，故而進行了整理總結。
一. 插件準備
![]()
二.進行配置
下載xdebug 擴展，根據phpinfo 中的信息去下載不同的版本
xdebug擴展
放到php/ext文件中
配置php.ini
[XDebug]
zend_extension="D:\xampp\php\ext\php_xdebug.dll"
xdebug.auto_trace=1
xdebug.collect_params=1
xdebug.collect_return=1
xdebug.trace_output_dir ="D:\xampp\htdocs\xdebug"
xdebug.profiler_output_dir ="D:\xampp\htdocs\xdebug"
xdebug.profiler_output_name = "cachegrind.out.%t.%p"
xdebug.remote_enable = 1
xdebug.remote_autostart = 1
xdebug.remote_handler = "dbgp"
xdebug.remote_host = "127.0.0.1"
# 設置端口號，默認是9000，此處因爲本地環境端口衝突故設置爲9002（在vscode配置中需要用到）
xdebug.remote_port = 9002
重新啓動php，打開phpinfo，查看xdebug
3.查看 vscode 中 debug 頁面 進行配置
還需要在settings.json 文件中配置php環境
"php.validate.executablePath" : "D:\\xampp\\php\\php.exe",
最後，在vscode裏斷點好後。按F5，等待請求，即可享受圖形化的調試樂趣
