# ESLint
## 解释
1. 它是一个静态代码分析工具，在代码没有执行时，进行分析
2. 帮助团队建立统一规则
3. 规则可以配置
## 命令行使用
1. 安装
`npm install eslint -D`
2. terminal命令行使用：
`npx eslint --init` 初始化
3. 执行命令后会生成：.eslintrc.js
4. 检测文件：
`npx eslint ./src/index.js`
## 配置文件 .eslintrc.js：
module.exports = {
env: {
browser: true,
commonjs: true,
es2021: true
},
extends: {
'airbnb-base'
},
parserOptions: {
ecmaVersion: 'latest'
},
rules: {
'no-unused-vars': 'off', // 关闭此类检测, warn 警告，error 错误，off 关闭, 0-off 1-warn 2-error
quotes: [
'error', 'double' // 双引号，正确，非双引号，错误
],
'no-console': 0 // 允许console.log
}
}
## eslint-loader webpack中使用
### 安装
`npm install eslint-loader -D`
### 在webpack.config.js中配置
rules: [
{
test: /\.ts$/,
use: [
'babel-loader', // 在使用 babel-loader
'eslint-loader' // 先使用 eslint-loader
]
}
]
## VSCODE eslint插件
1. 安装：直接搜索 eslint
2. 原理：
这个插件默认会读取当前文件夹下的 .eslintrc.js文件