是否有ESLint插件可实现变量间空行分隔？如何解决相关报错？

不需要额外安装插件，ESLint自带的核心规则就能搞定变量声明间添加空行的需求，同时调整相关规则即可解决报错问题。

实现变量间空行的配置 #

在你的ESLint配置文件（如.eslintrc.js、.eslintrc.json）中，添加或修改padding-line-between-statements规则：

module.exports = {
  // 其他配置项...
  rules: {
    // 其他规则...
    'padding-line-between-statements': [
      'error',
      // 任意const/let/var声明之间必须空一行
      { blankLine: 'always', prev: ['const', 'let', 'var'], next: ['const', 'let', 'var'] },
      // 变量声明与函数声明之间必须空一行
      { blankLine: 'always', prev: ['const', 'let', 'var'], next: ['function'] },
      { blankLine: 'always', prev: ['function'], next: ['const', 'let', 'var'] }
    ]
  }
};

这个规则的逻辑是：指定前后语句类型，要求它们之间必须有一行空行。配置后，运行ESLint自动修复命令（eslint --fix 你的文件路径），就能把你的代码自动调整成期望的格式。

解决空行后的ESLint报错 #

如果设置空行后ESLint报错，通常是因为存在冲突的规则，常见的调整点如下：

1. 调整no-multiple-empty-lines规则
   这个规则限制空行数量，确保允许单个空行即可：

'no-multiple-empty-lines': ['error', { max: 1, maxEOF: 0, maxBOF: 0 }]

max:1表示最多允许1个连续空行，刚好符合变量间的分隔需求。

2. 关闭冲突的旧规则
   如果之前启用了newline-after-var这类针对变量声明的旧规则，建议关闭它，避免和padding-line-between-statements冲突：

'newline-after-var': 'off'

完成以上配置后，ESLint就不会再对变量间的空行报错，同时能自动维护你想要的代码格式。

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