如何让TS或TSLint检测Angular类中未使用的成员变量？

针对你使用TSLint ~5.9.1、TypeScript ~2.5.3的Angular项目里，public类成员variableB未使用却不报错，private成员则正常触发提示的问题，我来给你拆解原因和解决方案：

问题根源 #

• TypeScript自带的noUnusedLocals规则只会检测局部变量（比如你代码里的variableC），对类的public成员默认不做校验——因为TS无法自动识别该成员是否会在Angular模板中被调用。
• 默认的TSLint规则对public类成员的未使用检测有豁免逻辑，而private成员因为不可能在模板中使用，所以会被正常检测。

解决方案：用codelyzer适配Angular场景 #

要实现「模板中用到的public成员不报错，完全未使用的public成员触发提示」的需求，最适配的方式是借助Angular专属的TSLint工具codelyzer的规则：

1. 确认codelyzer已安装

旧版本Angular项目通常默认集成了codelyzer，如果你的项目没有，安装适配TSLint 5.9.1的版本（比如~4.2.1）：

npm install codelyzer@~4.2.1 --save-dev

2. 修改tslint.json配置

在项目根目录的tslint.json中，添加codelyzer的规则目录并启用no-unused-property规则：

{
  "rulesDirectory": [
    "node_modules/codelyzer"
  ],
  "rules": {
    // 保留你已有的其他规则...
    "no-unused-property": true
  }
}

这个规则会智能识别：

• 若属性在组件HTML模板中被使用（比如你的variableA）：不触发报错；
• 若属性既没在代码里用，也没在模板里用（比如你的variableB）：立即抛出TSLint错误提示。

备选方案：强制检测所有未使用成员（不推荐） #

如果你不需要区分模板使用情况，只想一刀切检测所有未使用的类成员（无论public/private），可以启用TSLint原生的no-unused-variable规则：

"rules": {
  "no-unused-variable": true
}

但这个规则无法识别Angular模板中的调用，会把variableA也判定为未使用而报错，所以更推荐用前面的codelyzer方案。

这样配置后，你的variableB就能正常触发未使用的报错提示，而variableA因为在模板中使用会被豁免，完全符合你的需求。

内容的提问来源于stack exchange，提问作者Bartłomiej Blue