WEB/システム/IT技術ブログ

Visual Studio Codeの拡張機能「PHP Debug」を使ってPHPをデバッグする

update : 2019/05/12

Visual Studio Codeの拡張機能「PHP Debug」を使ってPHPをデバッグします。

PHP Debugは、PHPデバッグの定番である拡張モジュール「XDebug」を使用してVSCode上でPHPデバッグを可能にする拡張機能です。

ちなみに今回、以下の環境で実現しました。

  • Windows 10 Home
  • xampp 7.1.27 (PHP 7.1.27)
  • Visual Studio Code 1.33.1

PHP Debugのインストール

VSCodeの左メニューから「拡張機能」のアイコンをクリックして、「PHP Debug」を検索してインストールします。

PHP Debugのインストールは以上です。

XDebugのインストール

XDebugはdllとしてインストールしますが、xampp 7.1.27にはデフォルトで用意されています。

xamppを設置しているディレクトリ「…/xampp/php/ext/」に「php_xdebug.dll」があることを確認します。
ない場合には以下の外部ツールサイトを使ってdllファイルをダウンロードします。
Xdebug: Support; Tailored Installation Instructions

「…/xampp/php/php.ini」をテキストエディタで開き、以下を追記します。
※パスは適宜調整します

[XDebug]
zend_extension = "C:\xampp\php\ext\php_xdebug.dll"
xdebug.remote_autostart = 1
xdebug.profiler_append = 0
xdebug.profiler_enable = 0
xdebug.profiler_enable_trigger = 0
xdebug.profiler_output_dir = "c:\xampp\tmp"
xdebug.remote_enable = 1
xdebug.remote_handler = "dbgp"
xdebug.remote_host = "127.0.0.1"
xdebug.remote_log="c:\xampp\tmp\xdebug.txt"
xdebug.remote_port = 9000
xdebug.trace_output_dir = "c:\xampp\tmp"
xdebug.remote_cookie_expire_time = 36000

xampp control panelからApacheを再起動します。

XDebugのインストールは以上です。
インストールが成功してるかどうかはphpinfoで確認することができます。

PHPデバッグ

以上で準備は整ったので、実際にデバッグしてみます。
VSCodeの左メニューから「デバッグ」のアイコンをクリックして、ヘッド部分のプルダウンから「Listen for XDebug」を選択し、緑色の再生ボタンをクリックすると、デバッグモードがスタートします。

細かい設定は省きますが、これでデバッグ環境が整いました。簡単ですね。
VSCodeもインタフェースも分かりやすいので、直感的にいろいろ操作できると思います。

B!

Comment

Comment Form

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

Monthly Archives