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 会自动补全 、、、 等基础骨架，并把光标定位在
常见失效场景和修复方法
如果敲了 ! 没反应，大概率是当前文件没识别为 HTML 模式，或 Emmet 被意外禁用：
- 确认右下角状态栏显示的是
HTML（不是Plain Text或其他），点它手动切换 - 检查是否误按了
Ctrl+Shift+P→ 输入Emmet: Toggle Expanding Abbreviation关闭了功能 - 某些自定义按键绑定可能覆盖了默认的
Tab行为，可临时用Ctrl+E（Windows/Linux）或Cmd+E（macOS）强制触发 Emmet - 如果用了第三方主题或插件（如 AutoFileName），偶尔会劫持 Tab 键，建议在干净配置下测试
还能用哪些缩写快速搭结构？
除了 !，几个高频缩写能省大量时间：
Zend_API 深入_PHP_内核
下载
”扩展PHP“说起来容易做起来难。PHP已经进化成一个日趋成熟的源码包几十兆大小的工具。要骇客如此复杂的一个系统，不得不学习和思考。构建本章内容时，我们最终选择了“在实战中学习”的方式。这不是最科学也不是最专业的方式，但是此方式最有趣，也得出了最好的最终结果。下面的部分，你将先快速的学习到，如何获得最基本的扩展，且这些扩展立即就可运行。然后你将学习到 Zend 的高级 API 功能，这种方式将不得
立即学习“前端免费学习笔记（深入）”；
-
html:4s→ 生成 HTML4 Strict 文档（含） -
link:css→ 生成带rel="stylesheet"的 CSS 引入标签 -
script:src→ 生成带src属性的标签 -
ul>li*3→ 生成包含 3 个的无序列表（支持嵌套和重复）
所有这些缩写都依赖当前语法为 HTML，且光标必须在行首或空行才最稳定。
!Document
Emmet 的缩写规则很灵活，但别指望它猜你想要的 lang 值或 charset 编码——它只按预设模板展开。真要定制（比如默认加 lang="zh-CN"），得改 Emmet 的 snippets.json 配置，那已经超出“快速生成”的范畴了。
