Handlebars 与 Mustache
使用 WebStorm,您可以在 hbs 或 mustache 文件中使用 Handlebars 表达式与 Mustache 模板。 WebStorm 会根据设置对这些文件的内容执行默认或自定义处理,这些设置可在“设置”对话框的 Templates 页面 中指定。
开始之前
请确保在设置中启用了 Handlebars/Mustache 插件。 按 Ctrl+Alt+S 打开设置,然后选择 。 点击 已安装 标签页。 在搜索框中键入 Handlebars/Mustache。 有关插件的更多信息,请参阅 管理插件。
在 WebStorm 中配置 Handlebars 与 Mustache
在 设置 对话框(Ctrl+Alt+S )中,转到 。
在打开的 Templates 页面 中,切换到 Handlebars/Mustache 区域。
若要在键入第一个右花括号时自动插入 Handlebars 表达式 的第二个右花括号
},请选中复选框 自动插入结束标签。WebStorm 还识别可以防止表达到值转义的 三重大括号
{{{。 在这种情况下,WebStorm 会在您键入第一个右花括号时自动插入两个右花括号。要在生成代码、重构或按下 Ctrl+Alt+L 时自动重新格式化 Handlebars 表达式 和 Mustache 模板 ,请勾选复选框 启用格式化。 否则,WebStorm 将始终保留它们的原始格式。
选择用于注释样式的语言。 当您通过按 Ctrl+/ 或 Ctrl+Shift+/ 输入行注释或块注释时,WebStorm 会插入所选语言中使用的注释定界符,例如:
用于 Handlebars 的
{{!----}}用于 JavaScript 的
/**/用于 HTML 的
<!---->
要配置 Handlebars/Mustache 支持的语法高亮显示,请在 设置 对话框(Ctrl+Alt+S )中转到 。 选择颜色方案,接受从默认设置继承的高亮设置,或按照 配置颜色和字体 中所述自定义设置。