什么是Eslint

ESLint是一个流行的开源JavaScript代码检查工具，用于帮助识别和报告JavaScript代码中潜在的问题和不一致之处。它分析你的代码，检查常见的错误、编码风格违规和潜在的bug，并提供警告和错误消息，帮助你编写更干净、更可靠的代码。

ESLint具有高度可配置性，允许你定义自己的编码风格规则，或者选择各种预配置的规则集（如Airbnb、Google、Standard）。你可以根据项目的具体需求自定义ESLint，强制执行一致的代码风格，及早捕捉错误。

为啥用它

在企业级项目开发中，项目都会使用ESLint来规范团队开发。而在项目工程化中，ESLint更是不可缺少的一部分，很多自动化流程中也会使用它来校验代码，那为啥都喜欢用ESLint呢？我觉得有以下几点：

1. 代码质量提升：ESLint可以检测出代码中的潜在问题和错误，如未定义的变量、无法访问的代码、重复的代码块等。它可以帮助你提前发现这些问题并进行修复，从而提高代码的质量和可靠性。
2. 编码风格统一：ESLint可以根据定义的规则来强制执行一致的编码风格。这有助于整个团队在编写代码时遵循相同的规范，使代码更具可读性，并减少由于不一致的编码风格而引发的问题。
3. 早期错误检测：ESLint可以在代码编写的早期捕捉到一些常见的错误和潜在问题。通过在开发过程中及时发现这些问题，你可以更快地进行修复，避免将错误传递到后续阶段，从而减少调试和修复错误所需的时间和精力。
4. 提高开发效率：ESLint可以自动检测和报告问题，而无需手动检查代码。这样可以节省开发人员的时间和精力，特别是在大型项目或团队合作中。此外，ESLint还可以与其他工具和编辑器集成，提供实时的代码检查和提示，帮助快速发现并解决问题。

安装使用

安装ESLint

在项目里安装

npm i eslint -D
or
cnpm i eslint -D
or
yarn add eslint -D

Node版本^12.22.0、^14.17.0 或 >=16.0.0

Eslint扩展安装

在vscode的扩展面板中直接搜索eslint，然后安装第一个即可。

自动保存修复

每次修改完代码，可以在保存的时候对代码进行修复，依次点击 文件 > 首选项 > 设置，打开settings.json文件