避免根据VSCode文件中的规则在.eslintrc中出现错误

Question

我已经使用npm在全局上安装了eslint，并添加了自己的.eslintrc文件，其中包含以下代码：

{
    "env": {
        "browser": true,
        "commonjs": true,
        "es6": true,
        "node": true
    },
    "extends": [
        "eslint:recommended",
        "plugin:react/recommended"
    ],
    "parserOptions": {
        "ecmaFeatures": {
            "experimentalObjectRestSpread": true,
            "jsx": true
        },
        "sourceType": "module"
    },
    "plugins": [
        "react"
    ],
    "rules": {
        "indent": [
            "error",
            "tab"
        ],
        "linebreak-style": [
            "error",
            "unix"
        ],
        "quotes": [
            "error",
            "single"
        ],
        "semi": [
            "error",
            "always"
        ]
    }
}

我添加了以下dev依赖项：

"eslint": "3.19.0",
    "eslint-config-standard": "10.2.1",
    "eslint-plugin-import": "2.7.0",
    "eslint-plugin-markdown": "1.0.0-beta.6",
    "eslint-plugin-node": "5.1.1",
    "eslint-plugin-promise": "3.5.0",
    "eslint-plugin-standard": "3.0.1"

还在我的react本机项目中安装了eslint-plugin-react。仍未显示缩进、分号、双引号错误，但显示了解析错误。VScode中启用了P.S. eslint插件。

Answer 1

同样的事情也发生在我身上。我通过查看Eslint日志找出了这个问题的原因：

1. 通过Ctrl + Shift + P打开命令调色板
2. 选择Eslint: Show Output Channel

在我的例子中，输出通道显示如下：Failed to load config "airbnb-base" to extend from. Referenced from: ...eslintrc.js

我只是在添加了dev依赖项之后忘记执行npm install了！