angular/vscode-ng-language-service
Angular Robot 810fb7382f build: update cross-repo angular dependencies
See associated pull request for more information.
2026-04-17 14:34:29 -07:00
..
client refactor(common): update copyright to Google LLC 2026-02-09 07:51:36 -08:00
common build: update license for vscode extension 2026-01-12 08:17:39 -08:00
docs build: automate GitHub release creation for vscode extension 2025-11-21 12:22:20 -05:00
integration build: update cross-repo angular dependencies 2026-04-17 14:34:29 -07:00
schemas feat(language-service): add JSON schema for angularCompilerOptions 2026-01-30 14:20:25 -08:00
server build: update aspect_rules_js to 3.0.2 2026-03-11 13:35:26 -07:00
syntaxes build: update aspect_rules_js to 3.0.2 2026-03-11 13:35:26 -07:00
tools build: remove tsx dependency and update release script to use node directly 2026-01-14 07:56:38 -08:00
angular.png build: migrate vscode extension into repo (#63924) 2025-09-24 20:24:32 +00:00
BUILD.bazel refactor: fix types extraction for private (#67898) 2026-03-26 21:32:20 +00:00
CHANGELOG.md release: bump VSCode extension version to 21.2.3 (#67629) 2026-03-11 14:09:57 -07:00
DEVELOPER.md docs(vscode-extension): Update developer docs to match current setup 2026-01-05 17:01:49 -05:00
package.json release: bump VSCode extension version to 21.2.3 (#67629) 2026-03-11 14:09:57 -07: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