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:

"angularCompilerOptions": {
  "strictTemplates": true
}

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:

{
  "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 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.

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):

{
  "languages": {
    "TypeScript": {
      "language_servers": ["angular", "..."]
    },
    "HTML": {
      "language_servers": ["angular", "..."]
    }
  }
}