emmet缩写不生效主因是语言模式错误或触发键配置不当：右下角必须显示html等支持模式，且emmet.triggerexpansionontab需为true；新建文件应保存为.html后缀以确保识别，!+tab可快速验证是否就位。
Emmet缩写不生效？先确认语言模式和触发键
VSCode里输入 div.container 按Tab没反应，大概率不是插件没装，而是当前文件没被识别为HTML。右下角状态栏必须显示HTML（不是Plain Text或Auto），否则Emmet完全不启动。
默认触发方式是Tab，但部分用户误设为Enter或关掉了自动展开。检查设置：emmet.triggerExpansionOnTab 必须为true；如果改过emmet.variables或emmet.preferences，也可能干扰基础缩写。
- 新建文件后立刻保存为
.html后缀，比单纯改语言模式更可靠 - 在
settings.json中确认有"emmet.includeLanguages": {"html": "html"}，否则即使语言模式对，Emmet也不接管 - 输入
!后按Tab——这是最简验证法：能生成完整HTML5骨架，说明Emmet已就位
常用HTML缩写失效的典型场景
不是所有写法都支持。比如div*3能展开三个<div></div>，但div*3+p可能只展开div、漏掉p，因为+操作符在某些嵌套层级下解析不稳定。
属性值含空格或特殊字符时也容易失败：input[type="text" placeholder="用户名"] 中的双引号若未转义或格式错位，VSCode会静默跳过展开。
-
ul>li*5✅ 可靠；ul>li*5{Item $}✅ 支持变量；ul>li*5+span❌ 建议拆成两行再展开 - 类名用连字符（如
my-header）没问题，但my_header会被截断为my，下划线不被识别为合法类名分隔符 - 自定义缩写需写入
html.json代码片段，Emmet原生不读取用户自定义前缀
为什么Tab没反应，但Ctrl+Space能唤出Emmet提示？
这说明Emmet服务在运行，但触发逻辑被覆盖了。常见原因是安装了其他补全类插件（如Auto Close Tag或IntelliSense for CSS class names），它们劫持了Tab行为，优先处理标签闭合而非Emmet展开。
解决路径很直接：禁用冲突插件，或调整editor.suggest.insertMode为replace（避免补全时插入冗余字符）。另外，emmet.showAbbreviationSuggestions设为false可减少建议框干扰，让Tab专注展开。
- 临时验证：打开命令面板（
Ctrl+Shift+P），运行Emmet: Expand Abbreviation，看是否手动触发成功 - 若手动命令有效，问题100%在快捷键绑定或插件冲突，不用重装Emmet
- 检查键盘映射（
keybindings.json）是否把Tab绑定到了其他命令上
折叠/展开混合操作时缩写被吞掉？别在折叠区里敲
如果父级标签（如）已被折叠，你在折叠区域内部输入div再按Tab，VSCode可能直接把缩写当普通文本插入，而不是展开。这不是Bug，是编辑器对折叠内容的保护策略：它不解析不可见区域的语法。
真实开发中容易忽略这点——尤其在写长页面时习惯性折叠导航栏或页脚，然后想快速加个section，结果敲完Tab只看到字面div。
- 展开目标父容器后再输入缩写，是最稳妥做法
- 用
Ctrl+Shift+[递归折叠当前作用域时，注意别把正在编辑的区块一并折进去 - Live Server预览时若发现新加的元素没渲染，先检查控制台是否报
Unclosed tag——那八成是缩写没展开，导致标签不合法
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
