如何通过ESLint实现代码规范与一致性检查？

说实话，代码这玩意儿，写起来容易，管起来难。特别是多人协作的时候，那叫一个乱啊。你写个 function 用驼峰命名， 他写个变量用下划线，再加个小伙伴喜欢在行尾加个分号，另一个又不加……你懂的，这种“自由发挥”的代码风格，时间一长，项目就废了那个。所以ESLint 就是来救场的，实不相瞒...。

它就像一个代码界的“班主任”，专门盯着你写代码的姿势对不对。它不光是挑毛病，还帮你改毛病。你写完代码，它一看，哎你这缩进不对，它就给你标红，甚至还能自动给你修好。你说这工具厉不厉害？

咱就是说ESLint 是 JavaScript 和 TypeScript 的代码检查工具。它通过抽象语法树来分析你写的代码，看看你有没有“越界”。比如你用了个未定义的变量，它就给你报错；你没加分号，它也给你提示。它不是为了为难你，而是为了让你的代码更干净、更统一、更少出错，一言难尽。。

你可能会说：“代码能跑不就完事了吗？”害，这话听起来挺有道理，但等你项目大了维护起来你就知道什么叫“痛不欲生”了。代码规范这事儿，短期看是麻烦，长期看是省事。不信你试试，一个几十万行的项目，如果没人管代码风格，那维护成本是指数级上升的，真的不骗你，也是醉了...。

ESLint 怎么用？

先说说你得把它装到项目里。现在装个 ESLint 真的不费劲， 直接在终端里敲：，中肯。

npm install -D eslint

然后初始化一下：

npm init @eslint/config@latest

它会问你一堆问题，比如你用的是啥框架、啥规范，你选一选，它就自动生成配置文件了。当然你也可以自己手写配置，不过一般不推荐，除非你特别闲，谨记...。