ESLint

ESLint 是一个用于 识别和报告 JavaScript/TypeScript 代码中模式 的工具。它的核心目标是发现代码中的问题，并统一代码风格，从而大大提高代码的质量和一致性。

你可以把它想象成一位非常严格且不知疲倦的代码审查员，它会逐行检查你的代码，并根据你预先设定好的规则来挑毛病。

代码质量问题（Code Quality）
- 找出可能存在的错误或潜在 bug。
- 例如：使用了未声明的变量、错误的括号匹配、重复的键名、可疑的比较操作（如 == 而不是 ===）等。
代码风格问题（Code Formatting / Consistency）
- 强制执行一致的代码书写风格。
- 例如：使用空格还是制表符（Tab）、字符串用单引号还是双引号、代码末尾是否要有分号、代码的缩进是多少等。

ESLint 的核心是规则（Rules）。每条规则就是一个检查点，例如：

你可以通过配置文件（如 .eslintrc.js 或 .eslintrc.json）来自由开启或关闭这些规则，并设置它们的错误级别（是报错“error”还是警告“warning”）。

假设你有这样一段 JavaScript 代码：

javascript

// file.js
var myVariable = "hello"
console.log(myvariable) // 注意：这里拼写错了，应该是 ‘myVariable'

如果你运行 ESLint，它会报告至少两个问题：

【错误】 myvariable is not defined (规则：no-undef) - 因为变量名拼写错误，ESLint 认为它是一个未声明的变量。
【可配置的警告/错误】 Strings must use doublequote (如果规则 quotes 被设置为 ["error", "double"]) - 因为它要求使用双引号，而这里用了单引号。
【可配置的警告/错误】 Missing semicolon (如果规则 semi 被设置为 ["error", "always"]) - 因为它要求语句末尾必须有分号。

ESLint 通常与编辑器（如 VS Code）和构建流程深度集成：

编辑器集成：在 VS Code 中安装 ESLint 插件后，可以在你打字的同时实时看到错误和警告的下划線提示，无需手动运行命令。
预提交检查：通过与 Git 钩子（如 husky）结合，可以在代码提交（git commit）前自动运行 ESLint检查。如果检查不通过，则禁止提交，从而保证代码库中的代码都是符合规范的。
CI/CD 集成：在持续集成/持续部署 pipeline（如 GitHub Actions, GitLab CI）中运行 ESLint，确保所有合并到主分支的代码都是高质量的。

特性	描述
是什么	一个可插拔的 JavaScript/TS 代码检查工具
核心功能	1. 发现代码错误 <br> 2. 统一代码风格
工作原理	通过大量可配置的规则对代码进行静态分析
主要好处	提高代码质量、保证团队一致性、节省审查时间
常见搭档	Prettier (专管格式), VS Code, WebStorm, Git Hooks

简单来说，ESLint 是现代化 JavaScript/TypeScript 开发中不可或缺的质量保障工具，无论是个人项目还是团队协作，它都能极大地提升开发体验和代码健壮性。

ESLint ​