Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Glimmer Templates Syntax for VS CodeNew to Visual Studio Code? Get it now.

Glimmer Templates Syntax for VS Code

Preview

lifeart

|
6,621 installs
| (4) | Free
Glimmer templates syntax
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

README

VSCode Ember/Glimmer Syntax Extension.

Best with:

  • Unstable Ember Language Server
  • Prettier for Handlebars

preview

Change Theme: Shift+CMD+P -> Search Preferences: Color Theme -> Switch to Dark+ (default dark)

Issues: https://github.com/lifeart/vsc-ember-syntax/issues

Features

  • Syntax highlighting of inline hbs blocks.
  • IntelliSense for hbs tags and attributes.
  • Quick info hovers on tags.
  • Auto closing tags.
  • Folding html.
  • CSS completions in style blocks.
  • Works with literal hbs strings that contain placeholders.

Usage

The vsc-ember-syntax extension adds highlighting and IntelliSense for hbs template strings in JavaScript and TypeScript. It works out of the box when you use VS Code's built-in version of TypeScript.

Customizing the theme

customize-theme In your vscode settings.json file:

// https://code.visualstudio.com/docs/getstarted/themes
"editor.tokenColorCustomizations": {
    "textMateRules": [
        {
            "scope": [
                "text.html.handlebars meta.tag.any.handlebars entity.other.attribute-name.handlebars.argument",
            ],
            "settings": {
                "foreground": "#47c7b3",
            }
        }
    ]
}

If you are using VS Code 1.30 or older and are using a workspace version of typescript, you must currently configure the TS Server plugin manually by following these instructions

Thanks to:

  • vscode-lit-html
  • Ember Syntax
  • VSCode Glimmer
  • Grammar

How to publish: https://code.visualstudio.com/api/working-with-extensions/publishing-extension

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft