封闭括号前的空行的eslint规则

时间:2018-10-15 22:38:55

标签: javascript reactjs eslint eslint-config-airbnb

嗨,我想在关闭方括号之前找到一条空行的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
  }
}

1 个答案:

答案 0 :(得分:0)

这足够专业,以至于我找不到处理它的标准规则。最接近的padded-blocks用于在块的开头和结尾处处理空行。 padded-blocks: ["error", "never"]是airbnb的默认设置,是空白行的触发器。不幸的是,它适用于花括号,而不是括号。

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

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