Angular – Language Service

介绍

Angular Language Service 是一个针对 Angular 项目的程序静态分析 (Program Static Analysis) 工具，它的作用是提升开发体验。

很多 IDE (比如：VS Code、WebStorm) 都可以通过安装插件的方式来使用 Angular Language Service。

提升开发体验的例子：

1. 在 .html 对着一个组件按 F12 会自动打开组件的文档
   
2. 在 .html 写 binding syntax 时，会自能显示组件属性
   

   

3.  忘记 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。