Emmet 在 VS Code 中默认启用，需确保文件语言模式为 HTML/CSS、Tab 触发开启且光标位于有效位置：HTML 缩写如 ul>li*3 在 HTML 模式下 Tab 展开，CSS 缩写如 m10 在声明块内冒号后 Tab 补全，失效主因是语言模式错误、Tab 被禁用或扩展冲突。
Emmet 在 VS Code 里默认就开着，不需要装插件、也不用额外配置——只要文件类型识别正确（.html 或 .css），敲完缩写按 Tab 就能展开。
HTML 缩写怎么写才有效？
关键不是记全所有语法，而是抓住常用模式。VS Code 的 Emmet 默认只在 html 模式或 plaintext 模式下触发，如果当前文件没被识别为 HTML（比如你新建了个空文件没存、也没手动设语言模式），div.container 敲了 Tab 也不会展开。
- 确保右下角状态栏显示
HTML（点击可切换语言模式） -
ul>li*3展开为带 3 个<li></li>的无序列表；div#app.container生成<div id="app" class="container"></div> - 属性值含点号或中划线时，用单引号包裹：
a[href='https://example.com'].btn - 换行和缩进由 VS Code 的格式化设置控制，不是 Emmet 本身决定的
CSS 缩写为什么有时不生效？
CSS 中 Emmet 主要用于属性补全，比如输入 m10 + Tab 得到 margin: 10px;，但它依赖当前光标位置：必须在声明块内、冒号后面、分号前面才响应。
- 光标卡在
color:后面 → 输入#f00+Tab→ 补全为color: #ff0000; - 输入
w100p→ 展开为width: 100%;；fw700→font-weight: 700; - 如果输完没反应，先检查是否在
{}里面，且光标不在注释或字符串中 - 自定义 CSS 缩写需改
emmet.variables设置，普通用户基本用不到
Tab 键失效？可能是快捷键冲突或设置被关了
最常见原因是用户禁用了 Emmet 的 Tab 触发，或者装了其他扩展（如 Auto Rename Tag）劫持了 Tab 行为。
立即学习“前端免费学习笔记（深入）”；
- 打开设置（
Ctrl+,），搜emmet.triggerExpansionOnTab，确认是true - 搜
editor.tabCompletion，建议设为on（否则 Tab 可能只插空格） - 如果用了 Prettier，它默认会禁用 Emmet Tab；可在 Prettier 设置里加
"prettier.disableLanguages": ["html"]避免冲突 - 临时测试：新建
test.html，输入!+Tab，应生成完整 HTML5 模板
真正卡住的点往往不是语法不会写，而是语言模式没对、Tab 被别的扩展截了、或者光标停在了 Emmet 不响应的位置——先盯住右下角语言标识和光标所在上下文，比查缩写表更管用。
