初步学习使用ESlint

Tips：时间较赶，可能会写的不详细，大部分为个人理解

---

1. 什么是ESlint？

简单地说Eslint就是一个代码规范工具，用来保证你的代码去符合一些规则，避免错误，它是在ECMAScript和JavaScript代码中识别和报告模式匹配的工具

2. 安装及其配置步骤

1. 环境要求：Node.js (>=6.14), npm version 3+
2. 下载安装eslint(这里是本地安装)

• 先打开cmd，进入你项目的根目录
• 输入以下代码npm install --save-dev eslint babel-eslint eslint-config-alloy，等待一会，会显示大概这样的内容即安装成功

3. 接着在项目根目录下创建一个txt文件，将以下内容复制到文件内

module.exports = {

extends: [
    'eslint-config-alloy',
],
globals: {
    // 这里填入你的项目需要的全局变量
    // 这里值为 false 表示这个全局变量不允许被重新赋值，比如：
    //
    // jQuery: false,
    // $: false
},
rules: {
    // 这里填入你的项目需要的个性化配置，比如：
    //
    // // 一个缩进必须用两个空格替代
    // 'indent': [
    //     'error',
    //     2,
    //     {
    //         SwitchCase: 1,
    //         flatTernaryExpressions: true
    //     }
    // ]
}

};

并将文件名改为.eslintrc.js

4. 在Webstrom中配置Eslint(详细见图)

5. 最后apply即可 6. 成功标志

在webstrom中打开一个js文件，鼠标移至有红线的地方，显示出eslint警告即可