Atom如何配置Lint？Atom代码检查Linter设置方法

Atom如何配置Lint？Atom代码检查Linter设置方法

先划个重点：Atom 的 Linter 不是开箱即用的，必须先装 linter 核心包，再装对应语言的 provider（比如 linter-eslint），否则所有配置都无效。 这个顺序搞错，后面的一切操作都等于白忙活。

为什么装了 linter-eslint 却没反应？

如果你发现插件装好了，保存文件却一片寂静，连个语法错误都不标红，问题很可能出在这里。根本原因不是插件没装对，而是从 Atom 1.24+ 版本开始，它的架构强制拆分了框架和具体功能：没有 linter 这个“地基”，linter-eslint 就注册不进编辑器的生命周期。常见的症状包括：

• 保存文件后零提示，世界一片清净。
• 设置页面里根本找不到 linter-eslint 的 Settings 按钮。
• 在命令面板（Cmd+Shift+P）里搜索 Linter: Toggle 也毫无结果。

解决步骤其实很明确，按顺序来就行：

• 打开 Atom，进入 Settings -> Install，搜索 linter（注意作者必须是 steelbrain），安装并重启编辑器。
• 再次进入安装页面，搜索并单独安装 linter-eslint，这里要留意，别选那些带“-atom”后缀或作者不明的同名包。
• 再次重启后，你就会发现 Settings -> Packages -> linter-eslint -> Settings 这个路径变得可点击了，这才算真正安装成功。

Vue 文件里的 JS 不被检查？

接下来是 Vue 开发者常踩的坑：勾上 Lint HTML Files 只是必要但不充分的条件。在 Vue 的单文件组件里，