Sublime Text 3+ 默认支持 Emmet，HTML 模式下输入 ! + Tab 即可生成 HTML5 基础结构；其原理是 ! 对应内置缩写 html:5，自动补全 DOCTYPE、html、head、body 等标签，并将光标定位在 title 内。
Sublime Text 默认就支持 Emmet，不需要额外安装插件——只要确保你用的是 Sublime Text 3 或更新版本，html 语法模式下输入 ! 再按 Tab 就能生成完整 HTML5 基础结构。
为什么敲 ! 能生成 HTML 结构？
这是 Emmet 的内置缩写（abbreviation），它把常用模板映射成极短的触发词。! 对应的是 html:5，即 HTML5 文档类型。Emmet 会自动补全 、<code>、、 等基础骨架，并把光标定位在 <title></title> 标签内。
常见失效场景和修复方法
如果敲了 ! 没反应，大概率是当前文件没识别为 HTML 模式，或 Emmet 被意外禁用：
- 确认右下角状态栏显示的是
HTML（不是Plain Text或其他），点它手动切换 - 检查是否误按了
Ctrl+Shift+P→ 输入Emmet: Toggle Expanding Abbreviation关闭了功能 - 某些自定义按键绑定可能覆盖了默认的
Tab行为，可临时用Ctrl+E（Windows/Linux）或Cmd+E（macOS）强制触发 Emmet - 如果用了第三方主题或插件（如 AutoFileName），偶尔会劫持 Tab 键，建议在干净配置下测试
还能用哪些缩写快速搭结构？
除了 !，几个高频缩写能省大量时间：
htmlppt.skill
下载
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
立即学习“前端免费学习笔记（深入）”；
-
html:4s→ 生成 HTML4 Strict 文档（含） -
link:css→ 生成带rel="stylesheet"的 CSS 引入标签 -
script:src→ 生成带src属性的<script></script>标签 -
ul>li*3→ 生成包含 3 个<li>的无序列表（支持嵌套和重复）
所有这些缩写都依赖当前语法为 HTML，且光标必须在行首或空行才最稳定。
!<Tab>
<!-- 输出 -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p></body>
</html>Emmet 的缩写规则很灵活，但别指望它猜你想要的 lang 值或 charset 编码——它只按预设模板展开。真要定制（比如默认加 lang="zh-CN"），得改 Emmet 的 snippets.json 配置，那已经超出“快速生成”的范畴了。
