Emmet插件可让Sublime Text快速生成HTML骨架：输入html:5按Tab即输出标准HTML5结构，需确保语法设为HTML且Emmet已启用；常用缩写如div.container、ul>li*5等大幅提升编码效率，但须注意语法上下文与符号规范。
如何用 Emmet 快速生成 HTML 骨架
Sublime Text 默认不带完整 HTML 模板生成能力，但装上 Emmet 插件后，html:5 就能一键输出带 、、、 的标准骨架。
操作很简单：新建文件 → 切换语法为 HTML（菜单栏 View → Syntax → HTML）→ 输入 html:5 → 按 Tab 键。别输错冒号，也别用空格代替。
- 如果按 Tab 没反应，大概率是语法没切对，或 Emmet 未启用（可按
Ctrl+Shift+P输入Emmet: Enable Languages确保 HTML 已勾选） -
html:4s生成 HTML4 Strict 版本，html:xx是 XHTML，日常开发基本用不到 - 生成后光标默认停在
常用 Emmet 缩写及实际用途
缩写不是炫技，是为减少重复敲标签。比如写一个带 class 的 div 容器：div.container + Tab →
；再加子元素：div.container>h1+p + Tab → 自动嵌套成
。
-
.header→class="header"，#app→id="app"，[data-id="1"]→ 直接加属性 -
ul>li*5生成 5 个div{Hello}+div{World}生成两个带文本的并列 div - 缩写中不能含中文或全角符号，否则解析失败，报错提示通常只是“no matching abbreviation”
为什么有时候缩写不生效？常见卡点
最常被忽略的是语法上下文。Emmet 只在支持的语言模式下工作，即使你写的是 HTML 内容，如果当前文件语法是 Plain Text 或 JavaScript，html:5 按 Tab 就不会触发。
