ESLint的使用

参考链接

http://eslint.cn/
https://www.cnblogs.com/yoable/p/5788198.html
https://www.zhihu.com/question/52678389

安装

npm install -g eslint
#及相关插件
npm install -g eslint-plugin-react babel-eslint

也可以本地安装及其相关依赖

npm install --save-dev eslint

安装 Visual Studio Code ESLint 插件

打开vscode，扩展，搜索eslint安装即可

项目配置

切换到项目根目录，输入一下命令并根据提示进行配置文件初始化

eslint --init

1. 向你询问你的style
2. 使用一些流行的style
3. 通过你的文件来配置

通常情况可选择1或2进行初始化，下面例子采用1，然后根据自己style回答问题后生成

module.exports = {
    /* 指定脚本的运行环境 */
    "env": {
        "browser": true,
        "commonjs": true,
        "es6": true,
        "node": true
    },
    /* 配置继承规则的文件，可配置为数组字符串 */
    "extends": "eslint:recommended", /* 官方启用的一系列核心规则 */
    /* 解析器选项 */
    "parserOptions": {
        "sourceType": "module" /* 设置为 "script" (默认) 或 "module"（如果你的代码是 ECMAScript 模块)。 */
    },
    /* 配置规则，可扩展（或覆盖）继承的规则 */
    "rules": {
        "indent": [
            "error",
            2
        ],
        "linebreak-style": [
            "error",
            "unix"
        ],
        "quotes": [
            "error",
            "single"
        ],
        "semi": [
            "error",
            "never"
        ],
        "no-console": [
            "warn"
        ]
    }
};

–fix参数

–fix参数可以自动修复不符合规则的代码，但并不能全部修复，只能修复部分，剩下的还是要手动修复。

eslint --fix src/eslint/index.js

忽略文件

第三方库不要动原有代码，在项目根目录建立.eslintignore文件，里面填写所有第三方文件的路径。注意这里有个小技巧，可以写*.min.js，然后第三方js直接去官网下载压缩版。

使用地方

目前仅在VSCode中学习使用