WebStormで特定のフォルダをコンテンツのルートにして快適ファイル名補完する

WebStormでは、CSSファイルやimageファイル、外部JSファイルなどをプロジェクトフォルダ内から探してファイル名を補完してくれる。長いファイル名を正確に素早く入力できる素敵な機能なのだが、一つ欠点がある。コンテンツのルートが常にプロジェクトのルートになってしまうことである。

純粋なHTMLのみのサイトならそれでも構わないだろうが、node.jsなどを使ったサイトではそうも行かない。だいたいはpublicといったフォルダを切って、その下にimg,js,cssなどのフォルダを用意するのではないだろうか。

そんな場合、以下の方法でコンテンツのルートを特定のフォルダに変更出来るのだ。さすがWebStorm。

  • WebStorm - Preferences - Directories を開く
  • コンテンツルートフォルダを選んで「Resource Root」を押下(フォルダが水色になればOK)

ちなみに、フォルダを「Excluded」すると補完対象から外れるので動作が多少軽くなるようだ。これもお試しあれ。