atom中emmet缩写不生效主因是文件类型未识别为html/css，需确保后缀正确或手动设语法模式；div.item$*3{item $}可链式生成带class与内容的元素；嵌套须分清>（父子）与+（兄弟）并善用括号；.item在内失效因光标未处于合法上下文。
Atom编辑器里用 Emmet 写 HTML 结构，只要缩写对、触发键准、上下文清，基本一按 Tab 就出结果；但实际常卡在“写了没反应”“生成了但不是想要的结构”“嵌套错层”这三类问题上。
为什么Tab不展开缩写？
最常见原因是当前文件类型未被识别为 HTML/CSS。Atom 不会自动对任意后缀文件启用 Emmet，必须满足以下任一条件：
- 文件后缀是
.html、.htm、.css或.scss - 手动设置语法模式：右下角点击当前语言名（如 “Plain text”），选 “HTML” 或 “CSS”
- 已安装 Emmet 插件且未被禁用（检查
Settings > Packages > emmet是否显示 “Enabled”）
如果文件是 .txt 或无后缀，即使内容全是 HTML，Tab 也不会触发缩写展开。
div*3 生成了 3 个空 div，但我想带 class 和内容
Emmet 支持链式组合，不需要分步写。直接输入完整表达式再按 Tab：
div.item$*3{item $}
会生成：
<div class="item1">item 1</div> <div class="item2">item 2</div> <div class="item3">item 3</div>
注意：$ 是自增占位符，{} 里是文本内容，* 控制数量，三者可共存。漏掉 {} 或写成 {item$}（没空格）会导致内容不渲染或格式错乱。
嵌套时 > 和 + 混用导致结构错乱
> 是父子关系，+ 是兄弟关系，优先级固定，不加括号容易误判层级。例如：
div>p+span^bq
实际解析为：div > (p + span) ^ bq，即 bq 和 div 同级，而不是和 p 同级。
想让 bq 和 p 并列，应写成：
div>(p+span)+bq
或者更清晰地用括号分组：
(div>p)+(div>span)+bq
多层嵌套建议先画草图，再按“从外到内、从父到子”顺序写缩写，避免靠记忆硬凑。
在 <ul></ul> 里输 .item 没生成 <li>？
这是隐式标签机制生效的前提被破坏了。Emmet 只有在光标位于合法父元素内部时才触发隐式推导：
- 光标必须在
<ul></ul>开始标签和结束标签之间（即<ul>|</ul>，竖线是光标位置） - 不能在注释里、
<script></script>块中、或已被关闭的标签外 - 确保没有多余空格或换行干扰上下文，比如
<ul>\n |</ul>仍有效，但<ul></ul>|就无效
如果不确定上下文是否就绪，先手动输入 li.item 再按 Tab，结果一样，但规避了隐式匹配失败的风险。
真正容易被忽略的是：Emmet 的缩写解析依赖当前光标所在语法上下文，而非整篇文档结构。哪怕你刚写完一个完美的 <ul></ul>，只要光标跳到了它外面，.item 就只会生成 <div class="item"></div> —— 这不是 bug，是设计行为。
