wp-env と VSCode と Xdebug でデバッグする

wp-env と VSCode と Xdebug でデバッグする18

2023年4月4日

posted by

デバッグに var_dump 使うなんてダッセ－よな－、な記事。

wp-env をグロ－バルパッケ－ジとしてインスト－ルしている場合は下記コマンドとなるが

wp-env start --xdebug --update

ロ－カルパッケ－ジとしてインスト－ルしている場合は下記コマンド ? となる。

wp-env start -- --xdebug --update

wp-env のインスト－ル先を意識してコマンドを実行しないと Xdebug が有効化されないので注意。

アクティビティバ－の実行と構成より、画面の指示に従って構成テンプレ－トを追加し

各プロジェクトに対応する PathMapping を追加する。

例.

"pathMappings": {
	"/var/www/html/wp-content/themes/sketchpad-modified" : "${workspaceFolder}/"
}

追加した実行構成を実行して、ブレイクポイントを設定しブラウザでアクセスすると

ブレイクポイントで処理が止まり、変数の情報等が確認できるようになる。