Emmet缩写失效主因是语言模式错误或配置被覆盖：需确认右下角为HTML而非Plain Text，检查文件后缀是否为.html且未被files.associations误映射，运行Developer: Toggle Developer Tools查emmet加载报错。
Emmet缩写失效时怎么快速定位原因
Emmet是VSCode处理HTML标签输入的核心引擎，不是“插件”而是内置功能。缩写（如div.container>ul>li*3）不生效，通常不是插件问题，而是语言模式或配置被意外覆盖。
- 检查右下角状态栏：如果显示
Plain Text而非HTML，点击它手动选为HTML；否则Emmet根本不会触发 - 确认文件后缀是
.html，且未被files.associations错误映射到其他语言（比如误配成"*.html": "plaintext"） - 运行命令
Developer: Toggle Developer Tools，在Console里搜emmet，看是否有报错提示加载失败
为什么!生成HTML5模板后class属性没自动补全
这是Emmet和VSCode原生HTML语言服务的协作边界问题：!属于Emmet缩写，而class属性提示来自VSCode的HTML语法感知，二者触发时机不同。
-
!按Tab生成骨架后，光标停在<title>内，此时输入class=不会弹出补全——因为编辑器认为你还在文本节点里，不是属性上下文 - 正确做法：先按
Enter换行，再输入<div，这时输入class才会触发属性建议 - 若坚持要在
<body>里直接补全，可装Auto Rename Tag插件，它能同步更新开始/结束标签，但不解决属性补全本身
多个格式化插件共存时tab键行为混乱怎么办
当Prettier、Beautify、VSCode内置HTML格式化同时启用，Tab键可能既触发Emmet缩写又触发格式化，导致光标跳转异常或结构错乱。
- 打开
settings.json，明确指定HTML默认格式化工具："html.format.enable": true+"[html]": {"editor.defaultFormatter": "vscode.html-language-features"} - 禁用Prettier对HTML的接管：在Prettier设置里关掉
prettier.documentSelectors中对**/*.html的匹配 - Emmet缩写必须用
Tab，不能用Enter——后者在某些Prettier配置下会触发格式化而非展开缩写
editor.autoIndent设为full仍不自动缩进嵌套标签
这个参数只控制“输入新行时”的缩进行为，不影响已有代码的格式化。很多人误以为开它就能修复历史代码缩进，其实不能。
立即学习“前端免费学习笔记（深入）”；
-
"editor.autoIndent": "full"仅在你敲Enter换行后，自动把新行缩进到父级标签层级 - 已有混乱缩进的HTML，必须用
Shift + Alt + F或右键→“格式化文档”来重排 - 若格式化后仍不对齐，检查
html.format.wrapLineLength是否过小（默认0，设为80以上才启用换行包裹）
