Angular – Language Service
介绍
Angular Language Service 是一个针对 Angular 项目的程序静态分析 (Program Static Analysis) 工具,它的作用是提升开发体验。
很多 IDE (比如:VS Code、WebStorm) 都可以通过安装插件的方式来使用 Angular Language Service。
提升开发体验的例子:
- 在 .html 对着一个组件按 F12 会自动打开组件的文档
- 在 .html 写 binding syntax 时,会自能显示组件属性
-
忘记 import 组件时会报错
并且提供了 quick fix
总之,开发 Angular 项目,Angular Language Service 绝对是利器,一定要装哦!
安装 Angular Language Service
搜索 -> 安装 -> 重启
手动安装 pre-release
参考:Installing a particular release build
到 github release 找指定版本下载。
然后打开 VS Code extension > install from VSIX
Report a Bug
参考:Report a bug
举例:
在 app.component.html
对着组件按 F12,它没有自动打开组件文档,反而是提示了 “组件没有定义”。
按 ctrl + ` 开启 logs -> 打开 Angular Language Service -> 看有没有 error
有的话就去提交 Issue,比如我曾经提交的的 Issue – Support Angular v14 RC。