JetBrains Rider 2026.1 Help

Handlebars および Mustache

JetBrains Rider では、 hbs または mustache ファイルで Handlebars 式および Mustache テンプレートを使用できます。 JetBrains Rider は、設定ダイアログの テンプレートページで指定されたデフォルトまたはカスタム設定に従って、そのようなファイルの内容を処理します。

始める前に

  • 設定 | プラグイン ページ、タブ インストール済み で、 Javascript and TypeScriptHandlebars/Mustache の必須プラグインが有効化されていることを確認してください。 詳細については、 プラグインの管理を参照してください。

JetBrains Rider での Handlebars および Mustache の構成

  1. 設定 ダイアログ(Ctrl+Alt+S )で、 言語 & フレームワーク | JavaScript | テンプレート に移動します。

  2. 開いている テンプレートページで、 Handlebars/Mustache 領域に切り替えます。

  3. 最初の閉じを入力したときに Handlebars 式の 2 番目の終点波括弧、 } を自動的に挿入するには、 終了タグを自動的に挿入する チェックボックスを選択します。

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

  4. Handlebars 式Mustache テンプレートをコード生成、リファクタリング、 Ctrl+Alt+L を押すと自動的に再フォーマットするには、 フォーマットを有効にする チェックボックスを選択します。 それ以外の場合、JetBrains Rider は常に元のフォーマットを保持します。

  5. コメントのスタイルに使用する言語を選択してください。 Ctrl+/ または Ctrl+Shift+/ を押して行コメントまたはブロックコメントを入力すると、JetBrains Rider は選択した言語で使用されるコメント区切り文字を挿入します。例えば:

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

    • JavaScript 用 /**/

    • HTML 用 <!---->

  6. Handlebars/Mustache 対応の構文ハイライトを設定するには、 設定 ダイアログ (Ctrl+Alt+S) で エディター | カラースキームの切り替え | Handlebars/Mustache に移動します。 配色を選択し、デフォルトから継承されたハイライト設定を受け入れるか、 色とフォントの設定の説明に従ってカスタマイズします。

2026 年 6 月 12 日