VSCode extension for glimmer js components.
This extension adds syntax highlighting for embedded Glimmer templates in JavaScript and TypeScript. It supports two types of embedded template syntaxes:
- Template strings, using
hbsto denote that they are Handlebars templates:
- Template tags, using a custom
<template>syntax
It also adds support for the .gjs and .gts file extensions, which are
aliases to JavaScript and TypeScript respectively.
Note: Syntax highlighting for handlebars requires installing the Handlebars VSCode extension
package.json- this is the manifest file in which you declare your language support and define the location of the grammar file that has been copied into your extension.syntaxes/inline-hbs.json- this is the Text mate grammar file that is injected into javascript and typescript languages.
- Press
F5to open a new window with your extension loaded. - Create a new file with a file name suffix matching either javascript or typescript.
- Verify that syntax highlighting works and that the language configuration settings are working.
- You can relaunch the extension from the debug toolbar after making changes to the files in the extension.
- You can also reload (
Ctrl+RorCmd+Ron Mac) the VS Code window with your extension to load your changes.