LoginSignup
1
0
お題は不問！Qiita Engineer Festa 2024で記事投稿！
Qiita Engineer Festa20242024年7月17日まで開催中！
@Kurogara

XAMPP5.6.40でXdebugをインストールしVSCodeでデバッグしてみた

Last updated at Posted at 2024-06-21

今回は久々にPHPの開発を行った。
PHP5で開発する必要があったため、少々手こずりました。
なのでメモメモ

Xdebugのインストール

基本phpinfoで表示された画面をコピーして
https://xdebug.org/wizard
のサイトに貼り付けると有効なXdebugのバージョンを教えてくれるのですが、
今回はPHP5.6が古すぎるとのことでサポートしませんとのメッセージが表示されてしまいます。
image.png

調べるとXdebug2.5.5が対応しているみたいです。
PHP5.5VC11TS(64bit)をダウンロード
image.png

C:\xampp\php\ext
のフォルダーにコピーします。

php.iniの編集

XAMPPのコントロールパネルからPHP.iniを編集
image.png

PHP.iniの最後の以下の文を追加

[XDebug]
zend_extension = "C:\xampp\php\ext\php_xdebug.dll"
xdebug.remote_enable=1
xdebug.remote_host=localhost
xdebug.remote_handler=dbgp
xdebug.remote_mode=req
xdebug.remote_autostart=true

正常にインストールされたらphpinfoでxdebugが表示されているか確認してください。
スクリーンショット 2024-06-21 155005.png

VSCodeにPHP Debugをインストール

拡張機能を選択し、検索で「PHP debug」を入力。
PHP Debug(Xdebug)をインストール
image.png

PHP Debugの設定

VSCodeを開いてエクスプローラから「フォルダーを開く」をクリックし、
image.png

Apacheのルートフォルダの「htdocs」をフォルダーの選択にする
image.png

「作成者を信頼します」をクリック
image.png

実行とデバッグを選択し、「launch.jsonファイルを作成します。」をクリック。
image.png

PHPを選択後、port番号を9003から9000に変更
↓変更前
image.png
↓変更後
image.png

あとはデバッグ開始ボタンを押します。
image.png

そしてブレイクしたいところにマークを入れれば完了です。
自分の一時停止したいところで止まってくれます。
image.png

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
1
0