认识ESLint

1. ESLint是一个静态代码分析工具（Static program analysis，在没有任何程序执行的情况下，对代码进行分析）；
2. ESLint可以帮助我们在项目中建立统一的团队代码规范，保持正确、统一的代码风格，提高代码的可读性、可维护性；
3. 并且ESLint的规则是可配置的，我们可以自定义属于自己的规则；
4. 早期还有一些其他的工具，比如JSLint、JSHint、JSCS等，目前使用最多的是ESLint。

使用ESLint？

1. 首先我们需要安装ESLint：

2. yarn add eslint

3. 创建ESLint的配置文件：

4. npx eslint --init

5. 供用户选择有下面几个选项：

   1. How would you like to use ESLint?
   2. What type of modules does your project use?
   3. Which framework does your project use?
   4. Does your project use TypeScript?
   5. Where does your code run?
   6. What format do you want your config file to be in?

6. 上面各种情况的选择，综合总结出生成的.eslintrc.js文件内容配置为

7. 执行检测命令：npx eslint ./src/main.js

ESLint的文件解析

1. 默认创建的环境如下：
2. env：运行的环境，比如是浏览器，并且我们会使用es2021（对应的ecmaVersion是12）的语法；
3. extends：可以扩展当前的配置，让其继承自其他的配置信息，可以跟字符串或者数组（多个）；
4. parserOptions：这里可以指定ESMAScript的版本、sourceType的类型
5. parser：默认情况下是espree（也是一个JS Parser，用于ESLint），但是因为我们需要编译TypeScript，所以需要指定对应的解释器；
6. plugins：指定我们用到的插件；
7. rules：自定义的一些规则；

ESLint-Loader的使用

1. 事实上，我们在编译代码的时候，也希望进行代码的eslint检测，这个时候我们就可以使用eslint-loader来完成了：
2. yarn add eslint-loader
3. 
4. npm run build，就会按照配置的.eslintrc.js规则，进行检测
5. vscode的eslint插件和prittier插件