javascript - 右括号前空行的 eslint 规则

Question

您好，我正在尝试为右括号之前的空行找到一个 eslint 规则: 我正在使用 react ，这里有一个例子:

const test = () => (
 <div>
  Hello
 </div>
// This should show an error
)

eslint 配置:package.json

"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.1.1",
"eslint-plugin-react": "^7.11.1",

.eslintrc

{
  "extends": "airbnb",
  "parser": "babel-eslint",
  "rules": {
    "max-len": ["error", { "code": 80, "ignoreUrls": true }],
    "no-console": [2]
  },
  "env": {
    "browser": true
  }
}

Answer 1

这太专业了，我找不到处理它的标准规则。最接近的是padded-blocks用于处理 block 开头和结尾的空行。 padded-blocks: ["error", "never"] 是 airbnb 的默认值和空行触发器。不幸的是，它适用于大括号，而不适用于圆括号。

spaces-in-parens 确实处理括号的开头和结尾，但只强制/禁止空格，而不是换行符等空格。 padding-lines-between-statements如果有任何方法可以将这两个组件定义为语句，将会有所帮助 - 但它们不是。

我没有发现具有此功能的插件，尽管有[很多可以浏览]。最简单的解决方案是基于 padded-blocks 制作一个自定义规则(包)，用括号替换大括号。