Handlebars and Mustache
Last modified: 21 April 2023Required plugins:
JavaScript and TypeScript, Handlebars/Mustache - The plugins are bundled with JetBrains Rider and enabled by default.
With JetBrains Rider, you can use Handlebars expressions and Mustache templates in hbs or mustache files. JetBrains Rider processes contents of such files according to default or custom settings specified on the Templates page of the Settings dialog.
Before you start
Make sure the Javascript and TypeScript and Handlebars/Mustache required plugins are enabled on the Settings | Plugins page, tab Installed, see Managing plugins for details.
Configuring Handlebars and Mustache in JetBrains Rider
In the Settings/Preferences dialog (Ctrl+Alt+S), go to Languages & Frameworks | JavaScript | Templates.
On the Templates page that opens, switch to the Handlebars/Mustache area.
To automatically insert the second closing curly brace
}of a Handlebars expression on typing the first closing one, select the Automatically insert closing tag checkbox.JetBrains Rider also recognizes triple stashes
{{{that prevent escaping values inside expressions. In this case, JetBrains Rider automatically inserts two closing curly braces as soon as you type the first closing one.To automatically reformat Handlebars expressions and Mustache templates on code generation, refactoring, or pressingCtrl+Alt+Enter, select the Enable formatting checkbox. Otherwise, JetBrains Rider always keeps their original formatting.
Choose the language to use the style for comments from. When you enter a line or block comment by pressing Ctrl+Alt+/ or Ctrl+Shift+/, JetBrains Rider inserts the comment delimiters that are used in the chosen language, for example:
{{!----}}for Handlebars/**/for JavaScript<!---->for HTML
To configure Handlebars/Mustache-aware syntax highlighting, in the Settings/Preferences dialog (Ctrl+Alt+S), go to Editor | Color Scheme | Handlebars/Mustache. Select the color scheme, accept the highlighting settings inherited from defaults or customize them as described in Configuring Colors and Fonts.