如何用ESLint要求单行条件语句体单独成行

你可以通过组合ESLint的几个内置规则来实现这个格式规范，具体步骤如下：

1. 配置brace-style规则 #

这个规则用于控制大括号的换行风格，选择stroustrup风格正好匹配你的目标格式：

• if条件后紧跟左大括号，然后换行
• else单独占一行，左大括号紧跟在else后再换行

在ESLint配置文件（如.eslintrc.js）中添加：

module.exports = {
  // 其他项目配置...
  rules: {
    // 其他规则...
    "brace-style": ["error", "stroustrup"]
  }
};

2. 配置indent规则 #

确保代码块内的语句有正确的缩进（根据你的目标示例，这里用4个空格缩进，可根据项目需求调整）：

module.exports = {
  // 其他项目配置...
  rules: {
    // 其他规则...
    "indent": ["error", 4, {
      "SwitchCase": 1 // 可选：配置switch case的缩进层级
    }]
  }
};

3. 可选：配置curly规则（强制使用大括号） #

为了避免后续出现省略大括号的写法，保持代码风格统一，可启用该规则：

module.exports = {
  // 其他项目配置...
  rules: {
    // 其他规则...
    "curly": ["error", "all"]
  }
};

4. 批量修复现有代码 #

配置完成后，运行ESLint自动修复命令，批量修正项目中已有的代码：

eslint --fix 你的项目代码目录/**/*.js

（将你的项目代码目录替换为实际路径，比如src）

执行后就能将示例中的紧凑格式自动转换为目标规范格式。

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