PhpStorm 2026.1 Help

テンプレート

このページでは、PhpStorm 内で EJS 組み込みHandlebars 式Mustache テンプレートの処理を設定します。

始める前に

  • JavaScript と TypeScript および EJS または Handlebars/Mustache に必要なプラグインが、 設定 | プラグイン ページのタブ インストール済み で有効化されていることを確認してください。 詳細は、 プラグインの管理を参照してください。

項目

説明

Handlebars/Mustache

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

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

    • このチェックボックスを選択すると、最初の閉じ括弧を入力した時点で、PhpStorm は Handlebars 式の 2 番目の閉じ括弧 } を自動で挿入します。

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

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

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

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

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

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

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

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

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

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

    • JavaScript 用 /**/

    • HTML 用 <!---->

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

このエリアは、 Handlebars/Mustache プラグインがインストールされ、有効になっている場合にのみ利用可能です。 Handlebars/Mustache プラグインは&#xa0;PhpStorm&#xa0;には同梱されていませんが、 JetBrains Marketplace からプラグインをインストールの説明に従って、 設定 | プラグイン ページのタブ Marketplace でインストールできます。

EJS

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

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

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

2026 年 5 月 22 日