テンプレート

Handlebars/Mustache

このエリアでは、 Handlebars 式と Mustache テンプレートの処理を WebStorm で設定します。 このページで指定した設定は、 .hbs または .mustache の拡張子を持つ専用の Handlebars および Mustache ファイルに適用されます。

• 終了タグを自動的に挿入する：

  • このチェックボックスを選択すると、最初の右波括弧を入力した際に、WebStorm が Handlebars 式の 2 番目の右波括弧 } を自動挿入します。

    WebStorm は、式内の値のエスケープを防ぐ トリプルスタッシュ{{{ も認識します。 この場合、最初の右波括弧を入力した際に、WebStorm が 2 つの右波括弧を自動挿入します。

  • このチェックボックスがオフになっている場合は、右波括弧とトリプルステッシュを手動で入力する必要があります。

• フォーマットを有効にする:

  • Ctrl+Alt+L のコード生成、リファクタリング、再フォーマット中に Handlebars 式および Mustache テンプレートを自動的に再フォーマットするには、このチェックボックスを選択します。

  • Handlebars 式と Mustache テンプレートの元の書式を保持するには、このチェックボックスをオフにします。

• Handlebars/Mustache として HTML ファイルを開く:

  • このチェックボックスを選択すると、 .html 拡張子のファイルは Handlebars/Mustache ファイルとして扱われるため、WebStorm は Handlebars 式 と Mustache テンプレート を認識して処理します。 ファイルの拡張子は変わりませんが、ファイル名は アイコンで提供されます。

  • このチェックボックスをオフにすると、拡張子が .hbs のファイルのみが Handlebars/Mustache ファイルとして扱われ、その中の Handlebars 式と Mustache テンプレートが認識されて処理されます。

• コメントの言語 このリストから、コメント用のスタイルに使う言語を選択してください。 Ctrl+/ または Ctrl+Shift+/ を押して行コメントまたはブロックコメントを入力すると、WebStorm は選択された言語で使われるコメント区切り文字を挿入します。例えば：

  • Handlebars 用 {{!----}}

  • JavaScript 用 /**/

  • HTML 用 <!---->

Handlebars 式 および Mustache テンプレートの詳細については、 http://handlebarsjs.com/ を参照してください。

この領域は、 Handlebars/Mustache プラグインがインストールされて有効になっている場合にのみ使用できます。 Handlebars/Mustache プラグインは WebStorm にバンドルされており、デフォルトで有効化されています。 プラグインが無効の場合は、 設定 | プラグイン ページの インストール済み タブで Managing plugins の説明に従い有効化してください。

EJS

この領域では、コードに EJS(英語) を含めるための区切り文字を指定します。 これらの区切り文字に基づいて、WebStorm はそのようなインクルージョンを正しく認識して処理します。 一対の区切り文字は、 実行タグとも呼ばれます。

• EJS オープン区切り文字: このフィールドに、EJS 組み込みの始まりを示す文字文字列を入力します。 デフォルトの区切り文字は <% です。

• EJS クローズ区切り文字: このフィールドに、EJS 組み込みの終わりを示す文字文字列を入力します。 デフォルトの区切り文字は %> です。