配置 ESLint 以允许块前有空行答案

【问题标题】：Configure ESLint to allow a blank lines before blocks配置 ESLint 以允许块前有空行
【发布时间】：2020-04-15 01:00:42
【问题描述】：

我的 ESLint 配置是这样的，如果我改变它

if (something) {
    doSomething()
} else {
    doSomethingElse()
}

到

if (something) {
    doSomething()

} else {
    doSomethingElse()
}

我收到此错误：

块不能用空行填充块

我想更改我的 ESLint 配置以允许在块之前有一个空行（如上）。我尝试将以下内容添加到我的.eslintrc.js

rules: {
  'vue/html-closing-bracket-newline': 'off',
  'vue/max-attributes-per-line': 'off',
  'vue/attributes-order': 'off',
  'vue/singleline-html-element-content-newline': 'off',
  'no-debugger': 'off',
  'padded-blocks': ['error', {
    blocks: 'never',
    classes: 'never',
    switches: 'never',
  }, {
    allowSingleLineBlocks: true,
  }]
}

但它不起作用（空白行仍然会导致相同的错误）。如何配置 ESLint 以允许块前有空行？

【问题讨论】：

标签： javascript eslint

【解决方案1】：

ESLint 没有内置支持。 padded-blocks 规则只能在开始和结束处强制使用空格，但不能仅用于任何一个。但是，您可以首先根据管理它的逻辑创建自己的自定义规则。

【讨论】：