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 the extension from Visual Studio Marketplace.
The language service extension relies on the @angular/language-service
and typescript
packages
for its backend. These packages are loaded, in order of priority, from:
- The path specified by
angular.ngdk
andtypescript.tsdk
, respectively, in project or global settings. - (Recommended) The version of these packages bundled with the Angular Language Service extension.
- The version of these packages present in the current workspace's node_modules.
We suggest not specifying neither angular.ngdk
nor typescript.tsdk
in your VSCode settings
per method (1) above. If the @angular/language-service
and typescript
packages are 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.
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
- coc-angular for (Neo)vim
- Wild Web Developer for Eclipse
- lsp-mode for Emacs