Eslint AirBNB，带有4个缩进空格

Question

我正在配置eslint并使用AirBNB样式指南。

我想覆盖缩进（应该是2个空格）为4个空格。但是无论我在我的. eslintrc中做什么，我都不能抑制这个错误，这样我就可以使用4个空格的缩进。

我的代码库中到处都有这样一条消息：“预期缩进2个空格，但发现4个。（react/jsx indent）”。

我正在使用eslint 4.9.0。我如何解决这个问题？谢谢

Answer 1

由于接受的答案是不完整的，并且答案的编辑队列已满，我将添加以下补丁：

要简单地禁用2空间标识规则，请将以下行添加到esling配置文件的rules属性中：

"indent": "off",

要覆盖检查4个空格而不是2个空格的规则（可能是您想要的），请添加以下行：

"indent": ["error", 4],

应该是这样的：

// eslintrc.js
module.exports = {
  "extends": [
    "eslint:recommended",
    "airbnb",
  ],
  "rules": [
    "indent": ["error", 4],
  ],
};

您的eslint配置可能位于以下任何文件中：

1. .eslintrc.js

有关eslint配置的更多信息：https://eslint.org/docs/user-guide/configuring

Answer 2

上述代码应添加到ESlint配置的规则字段中。

module.exports = {
"extends": "eslint:recommended",
"rules": {
    // enable additional rules
    "indent": ["error", 4],
    "linebreak-style": ["error", "unix"],
    "quotes": ["error", "double"],
    "semi": ["error", "always"],

    // override default options for rules from base configurations
    "comma-dangle": ["error", "always"],
    "no-cond-assign": ["error", "always"],

    // disable rules from base configurations
    "no-console": "off",
}

[来源-请参阅使用eslint：推荐]

Answer 3

好的，所以这是相对容易做到的，可以通过将以下内容添加到您的eslint配置来实现：

// Indent with 4 spaces
"indent": ["error", 4],

// Indent JSX with 4 spaces
"react/jsx-indent": ["error", 4],

// Indent props with 4 spaces
"react/jsx-indent-props": ["error", 4],