Emmet插件在Atom中装不上90%是网络问题，应直接用git clone https://github.com/emmetio/emmet-atom.git emmet + npm install手动安装，并确保语法设为HTML、Tab未被劫持、缩写位置合法，JSX/Vue需在Emmet设置中添加jsx: html、vue: html映射。
Emmet 插件在 Atom 中装不上，90% 是网络问题导致 apm 安装失败，不是你操作错了——直接改用 Git 克隆 + npm install 是最稳的路径。
为什么 apm install emmet 总报错
apm 依赖 GitHub 和 npm registry，国内多数环境会卡在 connect ETIMEDOUT 或 SSL 错误（比如 gyp ERR! stack Error: connect ETIMEDOUT）。这不是插件本身有问题，而是 Atom 自带的包管理器无法拉取远程资源。
- 错误典型表现：
Request for package information failed: connect ETIMEDOUT、gyp ERR! install error - 别试“换源”或“代理配置”，apm 的网络层太老，2026 年仍不支持 modern proxy 配置
- 也别卸载重装 Atom——问题不在编辑器，而在安装通道
用 Git + npm 手动安装 emmet（实测可用）
这是目前最可靠的方式，适用于 macOS/Linux/Windows（WSL 或 Git Bash），全程离线可完成后续步骤：
- 打开终端，进入 Atom 包目录：
cd ~/.atom/packages（Windows 是%USERPROFILE%\.atom\packages） - 克隆官方仓库：
git clone https://github.com/emmetio/emmet-atom.git emmet（注意目录名必须是emmet，不是emmet-atom） - 进入插件目录：
cd emmet - 安装依赖：
npm install（确保本机已装 Node.js ≥16.x） - 完成后重启 Atom，右下角切到 HTML 语法，输
div.test+Tab验证是否生效
装完仍不生效？重点检查这三处
手动装好只是第一步，Emmet 在 Atom 中有强上下文依赖，以下任一条件不满足都会静默失效：
- 文件语法没设对：新建文件默认是
Plain text，右下角点击切换为HTML（或按Ctrl+Shift+L输入html回车） - Tab 被劫持：如果
autocomplete-plus正弹出补全菜单，Tab会优先选中建议项；临时禁用该插件再试 - 缩写位置非法：不能写在 JS 字符串里（如
const html = "div.test"）、不能在已有标签属性值中（如<div class="div.test">）、大括号前不能有空格（p{ok}✅，p {ok}❌）
想在 .jsx 或 .vue 文件里用 Emmet？光装插件不够
Emmet 默认只响应 .html 和 .css 文件，JSX/Vue 需显式映射语法作用域：
- 进 Atom →
Settings→Packages→ 搜emmet→ 点Settings - 找到
Extensions输入框，填：jsx: html, vue: html - 保存后，重新打开一个
.jsx文件，或手动从JavaScript切成React JSX语法模式 - 此时输入
div.container+Tab就能正常展开——不重启、不重装，但必须重触发语法识别
最容易被忽略的是：Emmet 的生效完全依赖 Atom 对当前文件的「语法作用域」判断，而不是文件后缀。哪怕你把 index.jsx 改成 index.html，只要右下角显示的是 React JSX，Emmet 就不会启动——反过来，一个 template.vue 文件只要手动切成 HTML 模式，也能立刻用所有 HTML 缩写。
