WebStorm 2025.2 Help

模板

在此页面中,配置 WebStorm 中的 EJS 包含Handlebars 表达式Mustache 模板 的处理。

开始之前

  • 请确保在 设置 | 插件 页的 已安装 选项卡中启用了所需的 JavaScript and TypeScriptEJSHandlebars/Mustache 插件。 有关更多信息,请参阅 插件管理

项目

说明

Handlebars/Mustache

在此区域,配置 WebStorm 中的 Handlebars 表达式Mustache 模板 的处理。 此页面中指定的设置适用于拥有扩展名 .hbs .mustache 的专用 HandlebarsMustache 文件。

  • 自动插入闭合标签:

    • 选中该复选框后,当您键入第一个闭合大括号时,WebStorm 会自动插入 Handlebars 表达式 的第二个闭合大括号 }

      WebStorm 还可以识别 三大括号{{{ ,用于防止表达式中的值被转义。 在此情况下,当您键入第一个闭合大括号时,WebStorm 会自动插入两个闭合大括号。

    • 清除该复选框后,您需要手动输入闭合大括号和三大括号。

  • 启用格式化:

    • 选中此复选框,可在代码生成、重构或重新格式化 Ctrl+Alt+L 期间自动重新格式化 Handlebars 表达式Mustache 模板

    • 清除此复选框可保留 Handlebars 表达式Mustache 模板 的原始格式。

  • 将 HTML 文件作为 Handlebars/Mustache 打开:

    • 选中该复选框后,扩展名为 .html 的文件将被视为 Handlebars/Mustache 文件,因此 WebStorm 能够识别并处理其中的 Handlebars 表达式Mustache 模板。 文件扩展名保持不变,但文件名将附带 fileTypeHandlebars.png 图标。

    • 清除该复选框后,仅扩展名为 .hbs 的文件会被视为 Handlebars/Mustache 文件,并且其中的 Handlebars 表达式Mustache 模板 会被识别和处理。

  • 注释语言: 从此列表选择要用于注释样式的语言。 按下 Ctrl+/Ctrl+Shift+/ 键入行或块注释时,WebStorm 会插入所选语言中使用的注释符号,例如:

    • {{!----}} (用于 Handlebars)

    • /**/ (用于 JavaScript)

    • <!----> (用于 HTML)

如需了解有关 Handlebars 表达式Mustache 模板 的更多信息,请参阅 http://handlebarsjs.com/

仅在安装并启用了 Handlebars/Mustache 插件时,此区域才可用。 Handlebars/Mustache 插件作为 WebStorm 的内置插件提供,并默认启用。 如果插件被禁用,请在 已安装 选项卡的 设置 | 插件 页面上启用,如 插件管理 所述。

EJS

在此区域中,指定代码中 EJS 包含的定界符。 WebStorm 将基于这些定界符正确识别并处理这些包含内容。 一对定界符也称为 执行标签

  • EJS 起始定界符: 在此字段中,输入用于表示 EJS 包含起始位置的字符字符串。 默认定界符为 <%

  • EJS 结束定界符: 在此字段中,输入用于表示 EJS 包含结束位置的字符字符串。 默认定界符为 %>

最后修改日期: 2025年 9月 26日