angular-eslint预设配置使用疑问：是否需额外引入typescript-eslint推荐配置？

DevOps 小满

2026-7-26

Angular-eslint与typescript-eslint预设配置疑问解答

1. @angular-eslint/recommended 是否包含 @typescript-eslint/recommended？

不包含。两者规则覆盖范围完全不同：

@angular-eslint/recommended 专注于Angular框架特有的代码规范，比如组件装饰器的正确使用、依赖注入规范、Angular特定API的使用约束等。
@typescript-eslint/recommended 针对通用TypeScript代码的基础规范，比如未使用变量检查、类型断言的合理使用、TS语法正确性校验等。
二者是互补关系，不存在包含关系。

2. 是否需要同时引入两者？

取决于项目需求：

如果希望代码同时符合Angular框架规范+通用TypeScript代码规范，建议同时引入，这样能覆盖更多潜在的代码问题。
你添加后出现大量错误，是因为之前使用TSLint时可能未启用这类通用TS规则，现在@typescript-eslint/recommended触发了这些之前未被检查的规则。可根据项目实际情况，逐步修复错误，或在rules字段中临时禁用部分不适合当前项目的规则。

3. eslint:recommended 该如何处理？

不需要单独引入eslint:recommended。
@typescript-eslint/recommended已经基于eslint:recommended做了适配：它会禁用ESLint原生中对TypeScript不友好的规则，同时补充TS专属的规则实现。单独引入eslint:recommended反而可能导致规则冲突，直接使用@typescript-eslint/recommended即可。