能直接开箱即用的插件只有四个：file-icons-community（离线识别文件图标）、emmet（HTML/CSS缩写展开）、minimap（右侧代码缩略图）、highlight-selected（双击变量高亮同名符号），均纯前端运行、不联网、不依赖新API，Atom 1.60+ 启动即生效。
哪些插件现在装了就能用，不报错也不卡死
2026 年还在 Atom 上练手，必须避开所有依赖网络、后端服务或新版 Node API 的插件。能直接开箱即用的只有几个：file-icons-community（显示文件图标）、emmet（HTML/CSS 缩写）、minimap（右侧代码缩略图）、highlight-selected（双击变量高亮同名词）。这四个插件纯前端运行，不发请求，不读远程配置，Atom 1.60+ 启动就生效。
别碰 atom-beautify 和 linter-eslint——前者格式化 ?. 或 async/await 直接抛 SyntaxError: Unexpected token；后者根本不会报错，但也不会提示任何问题，等于白装。
-
file-icons-community：图标识别靠文件后缀和内容头，离线工作，支持.vue、.jsx、.ts等常见前缀 -
emmet：div>ul>li*3按 Tab 还能出，但长文档里偶有延迟，不用等，多按一次 Tab 就行 -
minimap：高 DPI 屏幕下可能模糊，但不影响功能；搭配minimap-highlight-selected可联动高亮 -
highlight-selected：基于 AST 扫描，不卡顿，双击userName就标出所有同名变量
怎么装插件才不会遇到 apm install 失败
官方 registry 已在 2022 年底彻底关闭，所有 apm install xxx 命令失败（比如报 connect ECONNREFUSED 192.30.252.153:443）都是因为还连着旧地址。国内用户即使换源也常超时，手动安装更稳。
步骤很简单：去插件 GitHub 主页（例如 https://github.com/emmetio/emmet-atom），点 main 分支 → 下载 .tar.gz → 解压到 ~/.atom/packages/emmet（文件夹名必须和包名完全一致，且含有效 package.json）。
立即学习“前端免费学习笔记（深入）”；
- 别信“一键安装脚本”——90% 还硬编码
https://atom.io/api/packages，一跑就挂 -
autocomplete-paths可以装，但对 Webpack 别名（如@/components）没反应，只认真实路径 - 装完重启 Atom，不要点“Reload Window”，它有时不重载新包
写 HTML/CSS 时哪些功能真正有用
新手最容易陷入“功能越多越好”的误区，其实练手阶段只需要三件事：快速写结构、实时看效果、别写错标签。对应可用的插件组合是：emmet + atom-double-tag + open-in-browser。
atom-double-tag 能自动补全 <div></div> 并把光标放中间，比手敲快得多；open-in-browser 点一下就用默认浏览器打开当前 HTML，不用切终端；二者都不联网，不依赖 ESLint 或 Babel，纯粹本地执行。
-
emmet的!+Tab生成基础 HTML5 模板，ul>li*5生成列表，够日常练习用 -
atom-double-tag对自闭合标签（<img>、<br>）不触发，只处理成对标签，安全不误触 -
open-in-browser不支持热更新，改完要手动刷新，但胜在稳定——比live-server类插件少一堆权限报错
为什么 prettier-atom 不推荐给新手用
它看着很美，实际容易让新手困惑：格式化结果和自己预期不一致，又找不到原因。根本问题是它只认 .prettierrc，不读 package.json 里的 prettier 字段，而且 Vue 文件里 <script> 块默认不启用，得手动勾选语言支持。
更麻烦的是，如果同时装了 atom-beautify，两个插件都会监听保存事件，结果就是单引号变双引号、再变回单引号，反复横跳。新手根本分不清谁干的，只会觉得“编辑器抽风”。
- 真要用 Prettier，建议全局装 CLI：
npm install -g prettier，然后只靠prettier-atom调用它 - Vue 文件 JS 部分不格式化？先去设置里确认
prettier-atom的语言支持里是否勾了vue，不是只靠文件后缀 - 新手练手阶段，手写规范比依赖自动格式化更重要——先理解缩进、空格、分号的意义，再交给工具
