WebStorm 2021.1 Help

车把和胡子

使用 WebStorm,您可以在hbsmustache文件中使用Handlebars 表达式和 Mustache 模板。WebStorm 根据设置/首选项对话框的模板页面上指定的默认或自定义设置处理此类文件的内容。

在你开始前

确保在Settings/Preferences |上启用了Handlebars/Mustache插件。插件页面,标签Installed。有关详细信息,请参阅管理插件

在 WebStorm 中配置 Handlebars 和 Mustache

  1. Settings/Preferences对话框 ( Ctrl+Alt+S) 中,转到Languages and Frameworks | JavaScript | 模板

  2. 在打开的Templates 页面上,切换到Handlebars/Mustache区域。

  3. 要在键入第}一个右花括号时自动插入Handlebars 表达式的第二个右花括号,请选中​​自动插入右花括号复选框。

    WebStorm 还识别防止在表达式中转义值的三重存储。 {{{在这种情况下,只要您键入第一个右花括号,WebStorm 就会自动插入两个右花括号。

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

  5. 选择语言以使用样式进行评论。当您通过按Ctrl+/或输入行或块注释时Ctrl+Shift+/,WebStorm 会插入所选语言中使用的注释分隔符,例如:

    • {{!----}}用于车把

    • /**/对于 JavaScript

    • <!---->对于 HTML

  6. 要配置 Handlebars/Mustache-aware 语法突出显示,在Settings/Preferences对话框 ( Ctrl+Alt+S) 中,转到Editor | 配色方案 | 车把/小胡子选择配色方案,接受从默认值继承的突出显示设置,或按照配置颜色和字体中的描述自定义它们。

最后修改:2021 年 7 月 16 日