angular/vscode-ng-language-service
Andrew Scott 50674f8c28 fix(vscode-extension): convert enum member kind in completions correctly
This converts enum member kinds to the correct completion kind for displa in the completions popup
2026-01-07 14:30:05 -08:00
..
client docs(vscode-extension): update angular.io links to angular.dev in messages 2026-01-07 14:12:15 -05:00
common build: migrate to in-repo ts_project with strict deps (#64306) 2025-10-09 10:00:31 -07:00
docs build: automate GitHub release creation for vscode extension 2025-11-21 12:22:20 -05:00
integration build: update dependency ng-packagr to v21.1.0-rc.0 2026-01-07 13:35:44 -05:00
server fix(vscode-extension): convert enum member kind in completions correctly 2026-01-07 14:30:05 -08:00
syntaxes feat(compiler): Add support for multiple swich cases matching 2026-01-07 09:23:50 -05:00
tools build: correct markdown link syntax for commit hashes in changelog generation 2026-01-02 08:11:47 +01:00
angular.png build: migrate vscode extension into repo (#63924) 2025-09-24 20:24:32 +00:00
BUILD.bazel refactor: exclude tsconfig.json from VSIX package contents (#64991) 2025-11-07 11:36:31 -08:00
CHANGELOG.md build: correct markdown link syntax for commit hashes in changelog generation 2026-01-02 08:11:47 +01:00
DEVELOPER.md docs(vscode-extension): Update developer docs to match current setup 2026-01-05 17:01:49 -05:00
package.json build: use Node.js built-in TypeScript support for dev-infra scripts 2026-01-02 08:15:40 +01:00
README.md docs: update link to releases for vscode extension 2025-12-15 11:41:14 -08:00
tsconfig-test.json build: migrate to in-repo ts_project with strict deps (#64306) 2025-10-09 10:00:31 -07:00
tsconfig.json build: migrate to in-repo ts_project with strict deps (#64306) 2025-10-09 10:00:31 -07:00

Angular Language Service

demo

Features

This extension provides a rich editing experience for Angular templates, both inline and external templates including:

  • Completions lists
  • AOT Diagnostic messages
  • Quick info
  • Go to definition

Download

Download the extension from Visual Studio Marketplace.

Configuring compiler options for the Angular Language Service

The Angular Language Service uses the same set of options that are used to compile the application. To get the most complete information in the editor, set the strictTemplates option in tsconfig.json, as shown in the following example:

"angularCompilerOptions": {
  "strictTemplates": true
}

For more information, see the Angular compiler options guide.

Versioning

The language service extension relies on the @angular/language-service and typescript packages for its backend. @angular/language-service is always bundled with the extension, and is always the latest version at the time of the release. typescript is loaded, in order of priority, from:

  1. The path specified by typescript.tsdk in project or global settings.
  2. (Recommended) The version of typescript bundled with the Angular Language Service extension.
  3. The version of typescript present in the current workspace's node_modules.

We suggest not specifying typescript.tsdk in your VSCode settings per method (1) above. If the typescript package is loaded by methods (1) or (3), there is a potential for a mismatch between the API expected by @angular/language-service and the API provided by typescript. This could lead to a failure of the language service extension.

For more information, please see #594.

Installing a particular release build

Download the .vsix file for the release that you want to install from the releases tab.

Do not open the .vsix file directly. Instead, in Visual Studio code, go to the extensions tab. Click on the "..." menu in the upper right corner of the extensions tab, select "Install from vsix..." and then select the .vsix file for the release you just downloaded.

The extension can also be installed with the following command:

code --install-extension /path/to/ngls.vsix

Angular Language Service for Other Editors