Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/angular/vscode-ng-language-service
Angular extension for Visual Studio Code
https://github.com/angular/vscode-ng-language-service
Last synced: 27 days ago
JSON representation
Angular extension for Visual Studio Code
- Host: GitHub
- URL: https://github.com/angular/vscode-ng-language-service
- Owner: angular
- License: mit
- Created: 2016-09-23T20:20:59.000Z (about 8 years ago)
- Default Branch: main
- Last Pushed: 2024-05-01T19:15:03.000Z (6 months ago)
- Last Synced: 2024-05-02T02:22:23.551Z (6 months ago)
- Language: TypeScript
- Homepage:
- Size: 112 MB
- Stars: 758
- Watchers: 35
- Forks: 114
- Open Issues: 51
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
- awesome-angular - VS Code NG Language Service - This extension provides a rich editing experience for Angular templates. (Table of contents / Angular)
- fucking-awesome-angular - VS Code NG Language Service - This extension provides a rich editing experience for Angular templates. (Table of contents / Angular)
README
# Angular Language Service
## 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](https://marketplace.visualstudio.com/items?itemName=Angular.ng-template).
## 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](https://angular.io/guide/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](https://github.com/angular/vscode-ng-language-service/issues/594).
## Installing a particular release build
Download the `.vsix` file for the release that you want to install from the [releases](https://github.com/angular/vscode-ng-language-service/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
- [coc-angular](https://github.com/iamcco/coc-angular) for ([Neo](https://neovim.io))[vim](https://www.vim.org/)
- [nvim-lspconfig](https://github.com/neovim/nvim-lspconfig/blob/master/doc/server_configurations.md#angularls) for [Neovim](https://neovim.io)
- [Wild Web Developer](https://github.com/eclipse/wildwebdeveloper) for Eclipse
- [lsp-mode](https://github.com/emacs-lsp/lsp-mode) for Emacs