https://github.com/nathansbradshaw/zed-angular
https://github.com/nathansbradshaw/zed-angular
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/nathansbradshaw/zed-angular
- Owner: nathansbradshaw
- License: mit
- Created: 2024-04-19T20:50:44.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-26T09:49:02.000Z (2 months ago)
- Last Synced: 2025-03-26T10:33:24.009Z (2 months ago)
- Language: Rust
- Size: 38.1 KB
- Stars: 77
- Watchers: 13
- Forks: 8
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- fucking-awesome-angular - zed-angular - This extension integrates the Angular Language Service into 🌎 [Zed](zed.dev/). (Table of contents / Angular)
- awesome-angular - zed-angular - This extension integrates the Angular Language Service into [Zed](https://zed.dev/). (Table of contents / Angular)
README
# Zed Angular Extension
## Overview
**Note: This project is currently a work in progress. Expect potential bugs or issues.**
This extension integrates the Angular Language Service into Zed. It uses the same options that Angular applies during compilation. To ensure the most accurate information, enable the `strictTemplates` option in the `tsconfig.json` of the angular project as shown in below:
```json
"angularCompilerOptions": {
"strictTemplates": true
}
```
## Version Management
The extension depends on `@angular/language-service` and `typescript` Node packages. By default, these versions are managed internally, but they can be customized using the following settings:
```json
{
"lsp": {
"angular": {
"initialization_options": {
"angular_language_server_version": "17.3.0",
"typescript_version": "5.3.2"
}
}
}
}
```
Please ensure the versions of Angular and TypeScript are compatible to avoid issues.
Refer to [Angular Version Compatibility](https://angular.dev/reference/versions#unsupported-angular-versions) for details. Mismatched versions may lead to bugs, so it is not recommended to use `latest` as a version, but it's also a valid option.
## Installation Instructions
To install this extension locally:
1. Clone this repository.
2. Open the Zed editor and navigate to the Extensions window.
3. Click on "Install Dev Extension."
4. Select the cloned repository location and complete the installation.
5. Add a language server list definition to the HTML and TypeScript language settings. In `settings.json`, add the following _(ellipsis is a valid value in settings, use it as shown)_:
```json
{
"languages": {
"TypeScript": {
"language_servers": ["angular", "..."]
},
"HTML": {
"language_servers": ["angular", "..."]
}
}
}
```