vscode webstrom 配置 eslint 使用 airbnb 规范

1.安装eslint

npm install eslint eslint-config-airbnb eslint-plugin-jsx-a11y@^2.0.0 eslint-plugin-react eslint-plugin-import babel-eslint 
-g

 

2.全局配置文件，放到c:/user/***/

{
    "extends": "airbnb",
    "installedESLint": true,
    "plugins": [
        "react"
    ],
    "env": {
        "jquery": true,
        "browser": true,
        "commonjs": true,
        "node": true,
        "es6": true,

    },
    "rules": {
        "indent": ["error", 4]
    }
}

需要注意的是以下内容在vscode与webstrom会报错。据说在atom可以用。

"installedESLint": true,

 

vscode：

"eslint.options": {
    "configFile": "c:/user/**/.eslintrc"
},

 

webstrom:

设置搜索eslint（可以装插件，不装的话js的code quality tools下面也有一个），

勾选enable，配置node interpreter 为node安装目录。

ESLint package为eslint安装目录，即全局node_modules/eslint。

勾选configuration file，填入之前设置的目录

配置code style right margin 为100。

 

如果项目是ES5的话，.eslintrc中的extends 应该为"airbnb/legacy"。