如何在Angular项目中配置ESLint避免装饰器下的额外缩进（保持Tab）

要在保持Tab为默认缩进的前提下，让装饰器下方的行不产生额外缩进，你需要修改.eslintrc.json中的indent规则，添加针对装饰器的忽略配置。具体做法如下：

• 修改后的indent规则配置：

  "indent": ["error", "tab", {
    "SwitchCase": 1,
    "ignoredNodes": ["Decorator"]
  }]
  

这个配置的作用：

1. 保留tab作为默认缩进方式、SwitchCase缩进1级的原有规则。
2. 通过ignoredNodes忽略装饰器节点对缩进的影响，装饰器下方的变量、方法等代码就不会被强制额外缩进，匹配你的期望格式。

如果项目使用@typescript-eslint/eslint-plugin，请确保ESLint与插件版本兼容，该配置在支持TypeScript装饰器的ESLint环境中可正常生效。

内容的提问来源于stack exchange，提问作者kellermat