PHP：VSCode＋XAMPPでのPHPデバッグ設定

2021.03.02現在の最新版でXAMPP環境を構築する

環境

Windows 10 20H2 19042.804
XAMPP 8.0.2

手順

1. VSCodeをインストール

現在のバージョンは 1.53.2

※ インストール手順参考：VSCode #1：インストール

必要であれば日本語化しておく
※ 日本語化参考：VSCode #2：日本語化

2. サクラエディタインストール

あった方が便利なのでインストールしておく。
https://sakura-editor.github.io/ より最新版をダウンロードしインストール
現在のバージョンは 2.4.1

3. VSCode PHP拡張機能インストール

以下拡張機能をインストール ・"PHP IntelliSense (Felix Becker)"
・"PHP Debug (Felix Becker)"

5. PHPパス設定

VSCodeのファイルメニュー - [ユーザー設定] - [設定] - [拡張機能] - [PHP] を開く

"PHP - Validate: Executable Path" 欄の "settings.jsonで編集" をクリック

"php.validate.executablePath" の値に PHP.exeのパスを指定
※標準インストールであれば "C:\\xampp\\php\\php.exe"

6. XDebug設定

コマンドプロンプトより以下コマンド実行

c:\xampp\php\php.exe -i | clip

ブラウザで https://xdebug.org/wizard
を開き、
テキストボックス上で貼り付けし(コマンドプロンプトの実行結果が張り付く)
[Analyse my phpinfo() output]ボタンをクリック

別画面に遷移し php_xdebug～.dll のダウンロードリンクが表示されるのでクリックしダウンロード
現在のファイル名は "php_xdebug-3.0.3-8.0-vs16-x86_64.dll"

ダウンロードしたDLLを C:\xampp\php\ext フォルダへ移動

C:\xampp\php\php.ini を編集
xdebug 3.0系から設定が変更となった模様
INI末尾に以下を追加

[xdebug]
zend_extension = C:\xampp\php\ext\php_xdebug-3.0.3-8.0-vs16-x86_64.dll
xdebug.mode = debug
xdebug.start_with_request = yes

7. テスト

C:\xampp\htdocs\test フォルダを作成、このフォルダをVSCodeで開く

VSCodeよりtestフォルダ内にtest.phpを作成
以下内容を記述し phpinfo行にブレークポイントを置く

<?php
phpinfo();

VSCodeのデバッグボタンをクリックし、launch.jsonファイルを編集する。
その際、"port"の設定2箇所の値を"9000"から"9003"へ変更する。
xdebug 3.0系からポートが9003へ変更となった模様

デバッグを開始し、ブラウザで "localhost/test/test.php.php" を開く
phpinfoの行で停止すればOK

---

XAMPP