在Atom编辑器中配置ESLint进行代码规范检查的教程

装了 linter-eslint 却没任何波浪线？不是插件坏了，是 Atom 的 ESLint 集成有三层硬性依赖，漏掉任一环就彻底静默。说白了，这就像建房子，你只管了贴瓷砖，却忘了打地基和通电——架子搭不起来，自然什么都看不到。

先从最底层说起。Atom 1.24+ 强制拆分架构后，linter 是底层的事件总线和诊断注册中心，linter-eslint 只是它的语言适配器。不装前者，后者连 Settings 页面都打不开，命令面板搜不到 Linter: Toggle。这可不是什么玄学，而是架构设计使然——你少了核心引擎，适配器当然没法注册上去。

操作上其实很简单：Settings → Install → 搜索 linter，认准作者 steelbrain，安装后必须执行 Window: Reload（快捷键 Ctrl+Alt+R / Cmd+Alt+R）。然后单独搜索 linter-eslint 安装，别选带 -atom 后缀或作者不明的包。最后验证是否装对：Settings → Packages → linter-eslint → Settings 页面能点开，且右下角状态栏显示 "0 problems"——别急着高兴，这只是第一步。

没波浪线？大概率缺了 linter-ui-default

很多人卡在这一环：装了 linter-eslint，也看到状态栏有 "0 problems"，可编辑器里就是没有波浪线。问题出在哪？linter 只提供检查逻辑，不负责画红线、不弹提示、也不显示问题数。真正干这事的是 linter-ui-default，它不随 linter 自动安装，必须手动加。

如果你在命令行执行 apm install linter-ui-default，装完后检查 Settings → Packages → 搜索 linter-ui-default → 确认右侧开关是蓝色 "Enabled"。这里有个关键点：如果你装了 linter-gutter、linter-ui-plus 等第三方 UI 插件，它们会压制默认渲染逻辑，导致波浪线仍然出不来。所以，要么禁用它们，要么直接用 linter-ui-default 默认的。

.vue 文件里的 JS 不报错？Lint HTML Files + overrides 缺一不可

linter-eslint 默认只处理 .js 和 .jsx，.vue 被当 HTML 解析，里面的