Emmet缩写不响应主因是语言模式错误或设置不当：需确认右下角为HTML/CSS等支持模式，检查emmet.includeLanguages配置及emmet.triggerExpansionOnTab是否启用。
Emmet缩写不响应，大概率是语言模式没对
VSCode从1.40起就内置Emmet，根本不用装插件，但缩写只在特定语言模式下生效。右下角显示“Plain Text”“JavaScript”或“Vue”时，div.container按Tab不会展开——必须是HTML、CSS、SCSS、JavaScript React等Emmet支持的语言模式。
常见误操作：
- 新建文件未保存，后缀为空 → VSCode默认识别为Plain Text
- 文件已保存为
.vue但语言模式仍为Vue → 需手动点右下角切换成Vue HTML（部分版本叫Vue） - 在
<script></script>标签内敲ul>li*3→ Emmet默认只作用于模板上下文，script/style块里不触发
Tab键没反应？检查emmet.triggerExpansionOnTab是否被关了
VSCode默认启用Tab展开，但某些团队配置、插件（比如Prettier旧版）或手动修改过settings.json的用户，可能把emmet.triggerExpansionOnTab设成了false。
快速验证和修复：
- 按
Cmd + ,（macOS）或Ctrl + ,（Windows/Linux），搜索emmet trigger - 确认
Emmet: Trigger Expansion On Tab开关是开启状态 - 如果用
settings.json管理配置，检查是否存在"emmet.triggerExpansionOnTab": false并删掉或改为true - 改完不用重启，立刻生效
在JSX/TSX/Vue里缩写失效？得配emmet.includeLanguages
Emmet默认不处理.js或.ts文件，哪怕你写的是JSX；.vue文件里的template区块有时也不认——这是设计使然，不是Bug。
补救方法是显式声明支持范围：
- 打开设置 → 搜索
emmet include languages→ 点“在settings.json中编辑” - 添加映射，例如：
"emmet.includeLanguages": { "javascript": "javascriptreact", "typescript": "typescriptreact", "vue": "html" } - 注意值不是随意填的：必须是VSCode已注册的语言标识符，
javascriptreact不能写成jsx，html不能写成vue-html - 改完保存，新开一个
.tsx文件试试div.flex>span*2能不能展开
缩写生成慢或卡顿？先关掉“自动重命名标签”类插件
Emmet展开本身极快（毫秒级），所谓“慢”，90%是其他插件干扰导致的UI阻塞。最典型的是Auto Rename Tag、Highlight Matching Tag这类实时DOM分析插件，在复杂缩写（比如section>header+h1+p*5+main>article*3>h2+p）展开瞬间会抢资源。
临时排查步骤：
- 启动VSCode时加
--disable-extensions参数，再试缩写 → 如果变快，说明有插件冲突 - 逐个禁用高亮/自动闭合/格式化类插件，观察变化
- 保留
emerald.emmet类插件（如有）→ 实际上VSCode原生Emmet已足够，第三方Emmet插件反而容易引发竞态 - 特别注意：某些键盘映射插件会劫持Tab键，导致
Tab没传给Emmet，此时可用Ctrl+Shift+P→ 输入Emmet: Expand Abbreviation手动触发
真正影响速度的，从来不是Emmet本身，而是你没意识到它正被别的东西拽着后腿。
