PhpStorm 2025.2 Help

Handlebars 和 Mustache

使用 PhpStorm,您可以在 hbs mustache 文件中使用 Handlebars 表达式和 Mustache 模板。 PhpStorm 根据设置对这些文件的内容进行处理,这些设置可以是默认设置,也可以是您在设置对话框的 模板页面 中指定的自定义设置。

开始之前

  1. 请确保在设置中启用了 JavaScript 和 TypeScript 插件。 按 Ctrl+Alt+S 打开设置,然后选择 Plugins。 点击 已安装 选项卡。 在搜索字段中,键入 JavaScript and TypeScript。 有关插件的更多信息,请参阅 插件管理

  2. 按照 从 JetBrains Marketplace 安装插件 中的说明,在 设置 | 插件 页面、 Marketplace 选项卡上安装并启用 Handlebars/Mustache 插件。

在 PhpStorm 中配置 Handlebars 和 Mustache

  1. 设置 对话框 (Ctrl+Alt+S) 中,前往 语言与框架 | JavaScript | 模板

  2. 在打开的 模板页面中,切换到 Handlebars/Mustache 区域。

  3. 要在输入第一个右大括号时自动插入 Handlebars 表达式 的第二个右大括号 } ,请选中 自动插入闭合标签 复选框。

    PhpStorm 还可以识别 三重大括号{{{ ,这可以防止表达式中的值被转义。 在这种情况下,PhpStorm 会在您输入第一个右大括号时自动插入两个右大括号。

  4. 要在代码生成、重构或按下 Ctrl+Alt+L 时自动重新格式化 Handlebars 表达式Mustache 模板 ,请选中 启用格式化 复选框。 否则,PhpStorm 始终保持它们的原始格式。

  5. 选择用于注释样式的语言。 当您按下 Ctrl+/Ctrl+Shift+/ 输入行注释或块注释时,PhpStorm 会插入所选语言中使用的注释分隔符,例如:

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

    • /**/ 用于 JavaScript

    • <!----> 用于 HTML

  6. 要配置支持 Handlebars/Mustache 的语法高亮,请在 设置 对话框(Ctrl+Alt+S )中,转到 编辑器 | 配色方案 | Handlebars/Mustache。 选择配色方案,接受从默认设置继承的高亮设置,或按照 配置颜色和字体 中的说明自定义设置。

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