Templates

• Automatically insert closing tag:
  • When this check box is selected, PhpStorm automatically inserts the second closing curly brace (}) of a Handlebars expression as soon as you type the first closing one.

    PhpStorm also recognizes triple stashes ({{{) that prevent escaping values inside expressions. In this case, PhpStorm automatically inserts two closing curly braces as soon as you type the first closing one.

  • When this check box is cleared, you have to type the closing curly braces and triple stashes manually.
• Enable formatting:
  • Select this check box to have Handlebars expressions and Mustache templates automatically reformatted during code generation, refactoring, or reformatting (Ctrl+Alt+L).
  • Clear the check box to have the original formatting of Handlebars expressions and Mustache templates preserved.
• Open HTML files as Handlebars/Mustache:
  • When this check box is selected, files with the .html extension are treated as Handlebars/Mustache files so PhpStorm recognizes and processes Handlebars expressions and Mustache templates. The extensions of files remain unchanged but file names are supplied with the icons.
  • When this check box is cleared only files with the .hbs extension are treated as Handlebars/Mustache files and Handlebars expressions and Mustache templates within them are recognized and processed.
• Language for comments: From this drop-down list, select the language to inherit the style for comments from. When you enter a line or block comment by pressing Ctrl+Slash or Ctrl+Shift+Slash, PhpStorm inserts the comment delimiters that are used in the chosen language, for example, {{!----}} for Handlebars, /**/ for JavaScript, <!----> for HTML, etc.

The area is only available when the Handlebars/Mustache plugin is installed and enabled. The plugin is not bundled with PhpStorm, but it can be installed from the JetBrains plugin repository as described in Installing, Updating and Uninstalling Repository Plugins and Enabling and Disabling Plugins.