Handlebars および Mustache
WebStorm を使うと、 hbs または mustache ファイルで Handlebars 式や Mustache テンプレートを利用できます。 WebStorm は、設定ダイアログの テンプレートページで指定されたデフォルトまたはカスタム設定に従って、そのようなファイルの内容を処理します。
始める前に
設定で Handlebars/Mustache プラグインが有効になっていることを確認します。 Ctrl+Alt+S を押して設定を開き、 を選択します。 インストール済み タブをクリックします。 検索フィールドに Handlebars/Mustache と入力します。 プラグインの詳細については、 プラグインの管理を参照してください。
WebStorm での Handlebars および Mustache の構成
設定 ダイアログ（Ctrl+Alt+S ）で、 に移動します。
開いている テンプレートページで、 Handlebars/Mustache 領域に切り替えます。
最初の閉じを入力したときに Handlebars 式の 2 番目の終点波括弧、
}を自動的に挿入するには、 終了タグを自動的に挿入する チェックボックスを選択します。WebStorm は、式内の値のエスケープを防ぐ トリプルスタッシュ
{{{も認識します。 この場合、最初の右波括弧を入力した際に、WebStorm が 2 つの右波括弧を自動挿入します。Handlebars 式と Mustache テンプレートをコード生成、リファクタリング、 Ctrl+Alt+L を押すと自動的に再フォーマットするには、 フォーマットを有効にする チェックボックスを選択します。 それ以外の場合、WebStorm は常に元のフォーマットを保持します。
コメントのスタイルに使用する言語を選択してください。 Ctrl+/ または Ctrl+Shift+/ を押して行コメントやブロックコメントを入力すると、WebStorm は選択した言語で使われるコメント区切り文字を挿入します。例えば：
Handlebars 用
{{!----}}JavaScript 用
/**/HTML 用
<!---->
Handlebars/Mustache 対応の構文ハイライトを設定するには、 設定 ダイアログ (Ctrl+Alt+S) で に移動します。 配色を選択し、デフォルトから継承されたハイライト設定を受け入れるか、 色とフォントの設定の説明に従ってカスタマイズします。