一、这个技术是什么？

团队成员的代码风格不同，容易造成无意义的 Review；更严重的是，一些明显的错误可能直到运行时才被发现。

ESLint 把代码规则写成机器可以执行的检查，帮助团队在提交和构建前发现问题。

二、没有它之前发生了什么？

每个人依靠个人习惯写代码
↓
格式和潜在问题只能靠人工 Review
↓
简单错误反复出现在代码库中
↓
静态规则和自动修复进入开发流程

三、核心概念

1. Rule

Rule 描述一条代码检查规则，例如禁止未使用变量或限制某种写法。

2. Configuration

配置决定哪些文件被检查、使用哪些规则，以及不同目录的例外。

3. Plugin

Plugin 为特定技术提供额外规则，例如 React、TypeScript 和测试框架规则。

4. Auto Fix

部分问题可以自动修复，但自动修复后仍然需要重新检查和运行测试。

5. CI Gate

在 CI 中运行 lint，可以阻止明显不符合规则的代码进入主分支。

四、运行流程

五、面试复习

一句话回答

ESLint 把代码质量规则自动化，在开发和 CI 阶段发现风格问题、潜在错误和不一致写法，减少人工 Review 成本。

高频追问

• ESLint 和 Prettier 有什么区别？
• lint error 应该阻止发布吗？
• 为什么规则不能无限增加？
• 如何处理自动生成代码？

容易答错

不要把 ESLint 当成测试。ESLint 检查代码结构和规则，测试检查程序行为，两者解决的问题不同。

六、项目展示

知识平台可以在每次 Hermes Agent 创建 PR 时自动运行 lint、Frontmatter 校验和链接检查，避免自动生成内容破坏网站构建。