更漂亮的规则“无多空行”在React.js项目中不起作用

时间:2019-12-12 17:16:10

标签: javascript reactjs eslint prettier

我希望能够在代码的某些部分使用2个空行。 更漂亮的默认行为允许最多有1个空行。

我尝试使用"no-multiple-empty-lines": [2, {"max": 2 }],但是它根本不起作用,而且还比较漂亮。

这是我的.eslintrc配置文件。如果您需要其他任何信息,请告诉我。

{
  "env": {
    "node": true,
    "browser": true,
    "es6": true,
    "commonjs": true
  },
  "parser": "babel-eslint",
  "parserOptions": {
    "ecmaVersion": 6,
    "ecmaFeatures": {
      "jsx": true,
      "modules": true
    },
    "sourceType": "module"
  },
  "extends": [
    "eslint:recommended",
    "plugin:prettier/recommended",
    "plugin:react/recommended"
  ],
  "rules": {
    "prettier/prettier": "error",
    "no-multiple-empty-lines": [2, {"max": 2 }],
    "react/jsx-uses-vars": [2],
    "react/react-in-jsx-scope": "off",
    "react/prop-types": "off"
  },
  "plugins": [
    "prettier",
    "react"
  ],
  "settings": {
    "react": {
      "version": "detect" // React version. "detect" automatically picks the version you have installed.
    }
  }
}

1 个答案:

答案 0 :(得分:0)

这可能不适用于您的情况-我只是在没有漂亮的情况下运行eslint-但请尝试以下行:

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

但是,如果您确实想通过eslint使其更漂亮,则可能根本无法正常工作。不确定我是否正确地阅读了this issue,但似乎无法在漂亮的环境中进行配置?如果您只想更改eslint的行为,我认为上面的行应该起作用,因为我只需要在自己的配置中使用它即可。