vscode

Glint VS Code Extension

A Visual Studio Code extension for the Glint language server.

Setup

See the Glint home page for a more detailed Getting Started guide.

1. Add @glint/core, @glint/template and an appropriate environment package to your project's devDependencies.
2. Add a "glint" key to your project's tsconfig.json or jsconfig.json specifying your environment and any other relevant configuration.
3. Consider disabling the built-in vscode.typescript-language-features extension for any workspaces where you use Glint to avoid extraneous diagnostics.
   Screenshot

Monorepos and Other Non-Workspace-Root Installations

If the location where @glint/core is installed isn't in the root of your Code workspace, you can inform the extension on a per-workspace basis where to locate the language server in the Glint extension settings under Glint: Library Path.

For example, if your dependency on @glint/core were declared in frontend/package.json in your workspace, you could set the library path to ./frontend in order for the extension to be able to locate it.

Usage

The Glint language server incorporates Glimmer templates into TypeScript-powered tooling for a project, enabling them to participate in rich editor features such as:

• Quickinfo on hover:
  
• Go to definition:
  
• Symbol renaming:
  
• Find references:
  
• Completions: