README

VSCode Ember/Glimmer Syntax Extension.

Best with:

• Unstable Ember Language Server
• Prettier for Handlebars

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

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