Local by flywheelでXDebug+PHPStormのアドオンが正常に動作しない時にやったこと

WordPressのテスト環境を簡単に構築できるLocal by flywheelですが、PHPStormを使ってデバッグする為のアドオンが用意されています。

301 Moved Permanently

localbyflywheel.com

導入方法

Debug and profile your WordPress sites with Xdebug in Local by Flywheel (using PhpStorm)

This article is not an introduction to neither Xdebug, Local by Flywheel nor PhpStorm, but shows you how you can get sta...

www.bjornjohansen.com

1. Local by flywheelのアドオン画面から選択してインストール
2. WordPressをカスタム設定でインストールして起動
3. インストールしたWordPressの”UTILITIES”で”CONFIGURE PHPSTORM AND INTELLIJ IDES”を押す→WordPressのディレクトリに”.idea”ディレクトリが隠し属性で生成される
4. PHPStormでWordPressのディレクトリを指定してプロジェクトを作成
5. PHPStormでデバッグを開始

しかし、私の環境では何度やっても”.idea”フォルダが生成されませんでした。

解決方法

どうやらWindowsでは、アドオンのスクリプトファイルを書き換える必要があるようです。

How to Debug with PhpStorm and Local by Flywheel | Hard Working Nerd

In a previous article, we looked at how to set up a development environment with Local by Flywheel and Visual Studio Cod...

www.hardworkingnerd.com

“renderer.js”の”const sitePath”の行にある”‘~/'”を”/~(\/|\\)/”に書き換えます。これで無事に期待する動作となりました。