eslint学习

使用ESLint？

1. 首先我们需要安装ESLint：npm i eslint
2. 创建ESLint的配置文件： eslint --init
3. 供用户选择有下面几个选项：
   1. 
   2. 
   3. 
   4. 
   5. 
   6. 
4. 上面各种情况的选择，综合总结出生成的.eslintrc.js文件内容配置为
5. 执行检测命令：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插件