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