vscode webstrom 配置 eslint 使用 airbnb 规范

1.安装eslint

npm install eslint eslint-config-airbnb eslint-plugin-jsx-a11y@^2.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"。