Emmet 在 VSCode 中默认启用，但需确保文件后缀为 .html 或 .css 且右下角语言模式正确识别为 HTML 或 CSS；若 Tab 无反应，首要检查并手动切换语言模式。
Emmet 在 VSCode 里默认就开着，不用装插件、不用改设置——只要文件后缀是 .html 或 .css，且语言模式正确（右下角显示“HTML”或“CSS”），Tab 键就能展开缩写。
为什么敲了缩写按 Tab 没反应？
最常见原因是语言模式没识别对。比如你新建一个空文件，VSCode 默认是“Plain Text”，此时 Emmet 完全不工作。
- 手动切换：点 VSCode 右下角语言标签（如显示“Plain Text”），输入
html选“HTML”，或输入css选“CSS” - 保存文件：直接存为
index.html或style.css，VSCode 通常会自动识别 - 检查设置：打开设置（
Ctrl+,），搜emmet.includeLanguages，确认没有意外禁用"html"或"css"
HTML 常用缩写怎么写才快？
别背全表，先掌握高频组合。核心逻辑是：用 # 加 ID、. 加 class、> 表示父子、+ 表示兄弟、* 控制重复次数。
-
ul>li*5→ 展开成带 5 个的无序列表 -
div.container>h1+p→立即学习“前端免费学习笔记（深入）”；
-
input[type="text"].form-control#username→ 完整属性+class+id 一步到位 - 光标在行尾时，直接输
!再按Tab，生成完整 HTML5 文档骨架
CSS 缩写怎么省掉打冒号和分号？
CSS 模式下 Emmet 不补全规则块，而是帮你快速写出声明值。重点在于属性名缩写 + Tab 自动补全值和分号。
-
m10→margin: 10px;（m= margin，数字自动转为px） -
bgc#f00→background-color: #f00;（bgc是标准缩写） -
d:f→display: flex;；d:ib→display: inline-block; - 想改单位？输入
m10rem得margin: 10rem;；w100p→width: 100%;
真正卡住人的不是语法，而是语言模式识别失败和缩写大小写敏感（比如 bgc 有效，BGC 就不触发）。多试两次 Tab，再看一眼右下角语言标签，基本就通了。
