Angular – Language Service

介绍

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

很多 IDE (比如:VS CodeWebStorm) 都可以通过安装插件的方式来使用 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

 

posted @ 2022-05-13 03:38  兴杰  阅读(573)  评论(0编辑  收藏  举报