如何配置Eslint规则实现换行后代码自动添加Tab缩进

你可以通过调整ESLint的缩进规则，实现空值合并运算符等二元表达式换行后下一行自动缩进的效果，具体配置如下：

• 如果你使用原生ESLint规则，直接调整indent规则的BinaryExpression参数即可，该参数控制二元运算符换行后的缩进层级，示例配置（.eslintrc.json）：

{
  "rules": {
    "indent": ["error", 2, {
      "BinaryExpression": 2
    }]
  }
}

上面配置中第一个2代表全局缩进为2空格，BinaryExpression对应的2代表二元运算符换行后下一行额外缩进2空格，配置后你提到的示例代码会自动修正为期望的格式。

• 如果你是TypeScript项目，使用了@typescript-eslint相关规则，需要关闭原生indent规则，改用@typescript-eslint/indent，配置参数和上述一致：

{
  "rules": {
    "indent": "off",
    "@typescript-eslint/indent": ["error", 2, {
      "BinaryExpression": 2
    }]
  }
}

配置完成后执行eslint --fix命令即可自动批量修复现有代码的缩进问题。

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