依靠装置

ESLint 全局装置和项目根目次下装置都可以，只是运用起来轻微有些区分；
eslint-plugin-react是兼容React语义的插件；

以下装置挑选一种即可，引荐部分装置，插件也依据项目装置；

全局装置

全局装置以下：

部分装置

进入项目根目次下装置：

区分：
在全局装置ESLint，一切的插件必需也全局装置；
在部分装置ESLint，插件不限定在那里装置；

东西设置

IntelliJ IDEA、 Webstrom的设置一样，假如ESLint package没有自动添补，需要把node_modules中的eslint导入进去；

设置文件

经由以上步骤，随便翻开一个.js文件会发明报错；

文件疏忽

设置一些疏忽检测的文件：

多设置

多设置检测递次

假如统一目次下有多个设置文件，按以下递次检测，运用第一个匹配到的文件：

.eslintrc.js
.eslintrc.yaml
.eslintrc.yml
.eslintrc.json
.eslintrc
package.json

多设置处理方式

假如项目下有多个构造层级差别的设置文件，会发生设置级联；

默许情况下，ESLint 会在一切父级目次里寻觅设置文件，一直到根目次。

父级目次下的设置将运用于一切子目次，当子目次下的设置文件中的划定规矩与父级设置发生冲突时，运用优先级高的，离的近来的一个优先。

制止检测父级设置

为了将 ESLint 限定到一个特定的项目，在设置文件里设置 “root”: true。
ESLint 一旦发明设置文件中有 “root”: true，它就会住手在父级目次中寻觅。

内联解释设置

解释以指令(eslint/eslint-env/global/eslint-disable)最先，接下来是逗号分开的划定规矩列表；

作用：
会掩盖设置文件里的划定规矩：禁用ESlint | 禁用某条划定规矩 | 调解划定规矩；

参考设置

module.exports = {
    "env": {
        "browser": true,
        "commonjs": true,
        "es6": true
    },
    "extends": "eslint:recommended",
    "parserOptions": {
        "ecmaFeatures": {
            "experimentalObjectRestSpread": true,
            "jsx": true
        },
        "sourceType": "module"
    },
    "globals":{
        "document": true,
        "$": true
    },
    "plugins": [
        "react"
    ],
    "rules": {
        "react/jsx-uses-react": "error",
        "react/jsx-uses-vars": "error",
        "indent": [
            "error",
            "tab",
            4
        ],
        "linebreak-style": [
            "error",
            "unix"
        ],
        "quotes": [
            "error",
            "double"
        ],
        "semi": [
            "error",
            "always"
        ]
    },
    "settings": {
        "react": {
            "createClass": "createClass",
            "pragma": "React"
        }
    }
};

运用的划定规矩可在划定规矩页面检察被标记为✓的划定规矩；

注重：.gitignore中设置node_modules/