Mitomex Blog

WebStorm で Nunjucks のシンタックスハイライトを適用するには

20210102

手順

  1. Twig プラグインをインストール
  2. .njk で Twig のシンタックスハイライトが適用されるようにする

Twig プラグインをインストール

WebStorm を開いた状態で、Command キー + , を押して環境設定を開く

image01

  1. 環境設定画面の左カラムにある Plugins を選択
  2. 右上の「 Marketplace / installed 」から Marketplace を選択
  3. 検索ウィンドウで「 twig 」と入力

Twig プラグインが検索結果に表示されるのでインストールする

.njk で Twig のシンタックスハイライトが適用されるようにする

同じく環境設定画面で

image02

  1. 環境設定画面の左カラムにある File Types を選択
  2. 中央に表示されているファイルタイプの中からTwig を選択
  3. File name patterns の「 + 」ボタンを押す
  4. 「 *.njk 」と入力
  5. 右下の「 Apply 」ボタンを押す

上記2点の設定をすると .njk でシンタックスハイライトが有効になる