ESLint 的一些理解

ESLint

ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误。

为什么要使用ESLint

1. 有的可以帮我们避免错误；
2. 有的可以帮我们写出最佳实践的代码；
3. 有的可以帮我们规范变量的使用方式；
4. 有的可以帮我们规范代码格式；
5. 用的可以帮我们更合适的使用新的语法；
6. …

没有使用ESlint 和使用ESLint 可能是这样：

ESLint 使用

安装：

npm install eslint --save-dev

配置文件

ESLint 支持几种格式的配置文件：

• JavaScript - 使用.eslintrc.js 然后输出一个配置对象。
• YAML - 使用 .eslintrc.yaml 或 .eslintrc.yml 去定义配置的结构。
• JSON - 使用 .eslintrc.json去定义配置的结构，
• ESLint 的 JSON 文件允许 JavaScript 风格的注释。
• Deprecated - 使用.eslintrc，可以使 JSON 也可以是 YAML。
• package.json - 在 package.json 里创建一个 eslintConfig属性，在那里定义你的配置。

如果同一个目录下有多个配置文件，ESLint 只会使用一个。优先级顺序如下：

优先级从高到底

1. .eslintrc.js
2. .eslintrc.yaml
3. .eslintrc.yml
4. .eslintrc.json
5. .eslintrc
6. package.json

.eslintrc.js 文件的基础配置
ESlint 被设计为完全可配置的，这意味着你可以关闭每一个规则而只运行基本语法验证，或混合和匹配 ESLint 默认绑定的规则和你的自定义规则，以让 ESLint 更适合你的项目。

parserOptions

指定你想要支持的 JavaScript 语言选项, 如设置 最新语法 2020 版本js选项，默认是 3,5

parserOptions: {
   
   ecmaVersion: 2020,
 }

env
一个环境定义了一组预定义的全局变量，环境并不是互斥的，所以你可以同时定义多个，启用的环境，设为true即可，
如：设置node环境和browser浏览器环境中的全局变量。