Atom 的 Emmet 插件默认不生效主因是语法作用域未匹配（如右下角显示 Plain Text 而非 HTML）或 emmet-core 依赖未加载；html:5 需文件识别为 HTML 且插件启用并重启后才响应 Tab；div.item$*3 可实现 class 编号递增；JSX/Vue 文件需在 Emmet 设置中配置 extensions 映射语法；Tab 失效时可用 Ctrl+E 强制展开或修改 keymap.cson 覆盖键位。
Atom 的 Emmet 插件确实能大幅提速 HTML 编写，但默认安装后很多快捷功能不生效——根本原因是 emmet-core 依赖未正确加载，或语法作用域没匹配上。
为什么 html:5 按 Tab 没反应？
这是最常见卡点：Atom 默认把 .html 文件识别为 text.html.basic 语法，而 Emmet 的缩写触发依赖准确的作用域声明。如果当前编辑器右下角显示的不是 HTML（而是 Plain Text 或 Text），html:5 就不会展开。
- 手动切换语法：点击编辑器右下角语言名 → 选
HTML - 确认文件后缀是
.html（不是.htm或无后缀） - 检查 Emmet 是否启用：打开
Atom → Preferences → Packages，搜emmet，确保状态为Enabled - 重启 Atom（尤其在刚安装插件后）
div.item*3 展开后 class 名重复怎么办？
Emmet 默认对 * 重复生成的元素不自动递增 class 名，所有 div 都带 class="item"。需要显式用 $ 占位符控制编号。
-
div.item$*3→div.item1,div.item2,div.item3 -
div.item$@3*2→ 从 3 开始编号：div.item3,div.item4 -
div.item$@-1*3→ 倒序：div.item-1,div.item-2,div.item-3
注意：$ 必须紧贴在要编号的属性值后，中间不能有空格。
立即学习“前端免费学习笔记（深入）”；
JSX/模板文件里 ul>li*5 不生效？
Emmet 在非标准 HTML 文件（如 .jsx、.vue、.erb）中默认禁用缩写，除非你手动配置语法映射。
- 打开
Atom → Preferences → Packages → emmet → Settings - 找到
Extensions输入框，填入：jsx:html, vue:html, erb:html - 保存后，再在
.jsx文件中输入ul>li*5并按Tab就能展开
这个配置本质是告诉 Emmet：“遇到 .jsx 后缀的文件，按 html 语法解析缩写”——不配就只能写纯 HTML 文件才有效。
按 Tab 没反应，但 Ctrl+E 可以展开？
说明 Emmet 的 Tab 键绑定被其他插件劫持了，比如 autocomplete-plus 或 snippets 插件优先响应了 Tab。
- 打开
Atom → Keymap...，搜tab - 看
core:tab和emmet:expand-abbreviation的触发条件是否冲突 - 临时禁用
autocomplete-plus测试；或在config.cson中加这段覆盖键位：
'atom-text-editor[data-grammar="source.js"]': 'tab': 'emmet:expand-abbreviation' 'atom-text-editor[data-grammar="text.html.basic"]': 'tab': 'emmet:expand-abbreviation'
Emmet 的实际能力远不止缩写，但它高度依赖上下文识别和键位优先级——一旦某个环节断了，它就静默失效，不像 IDE 那样会弹提示。
