ESLint

官网上告诉我们，ESLint 是一个用来识别 ECMAScript/JavaScript 并且按照规则给出报告的代码检测工具，哦，所以我们可以知道，ESLint 就是一个工具，而且是一个用来检查代码的工具。

代码检查是一种静态的分析，常用于寻找有问题的模式或者代码，并且不依赖于具体的编码风格。对大多数编程语言来说都会有代码检查，一般来说编译程序会内置检查工具。

JavaScript 是一个动态的弱类型语言，在开发中比较容易出错。因为没有编译程序，为了寻找 JavaScript 代码错误通常需要在执行过程中不断调试。

ESLint 这样的工具可以让程序员在编码的过程中发现问题，而不是在执行的过程中发现问题。

ESLint和 JSLint、JSHint的区别

在许多方面，ESLint和 JSLint、JSHint 相似，不过以下几点除外：

ESLint 使用 Espree 解析 JavaScript。
ESLint 使用 AST 去分析代码中的模式。
ESLint 是完全插件化的。每一个规则都是一个插件并且你可以在运行时添加更多的规则。
ESlint的特点

内置规则和自定义规则共用一套规则 API。

内置的格式化方法和自定义的格式化方法共用一套格式化 API。
额外的规则和格式化方法能够在运行时指定。
规则和对应的格式化方法并不强制捆绑使用。
每条规则都是各自独立的，可以根据项目情况选择开启或关闭。
用户可以将结果设置成警告或者错误。
ESLint 并不推荐任何编码风格，规则是自由的
所有内置规则都是泛化的。

ESlint 被设计为完全可配置的，这意味着你可以关闭每一个规则而只运行基本语法验证，或混合和匹配 ESLint 默认绑定的规则和你的自定义规则，以让 ESLint 更适合你的项目。有两种主要的方式来配置 ESLint：

1- 安装eslint

npm i -g eslint
1
如果使用脚手架工具vue-cli 或者 dev-cli搭建的项目会自动生成配置eslint的文件，名字叫做.eslintrc.*

2- 配置eslint

方式一：
Configuration Comments - 使用 JavaScript 注释把配置信息直接嵌入到一个代码源文件中。

方式二：
Configuration Files - 使用 JavaScript、JSON 或者 YAML 文件为整个目录（处理你的主目录）和它的子目录指定配置信息。可以配置一个独立的 .eslintrc.* 文件，或者直接在 package.json 文件里的 eslintConfig 字段指定配置，ESLint 会查找和自动读取它们，再者，你可以在命令行运行时指定一个任意的配置文件。