スポンサーリンク

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

Web系

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

Add-ons Library
Local by Flywheel is a free local development environment designed to simplify the workflow of WordPress developers and designers. Download it for free today!

導入方法

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 started with debugging and profiling your W...
  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 Code. PhpStorm is another code editor that ...

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

Web系
スポンサーリンク
YUKIをフォローする
Wynes : Note