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 键，建议在干净配置下测试

还能用哪些缩写快速搭结构？

除了 !，几个高频缩写能省大量时间：

• html:4s → 生成 HTML4 Strict 文档（含 ）
• link:css → 生成带 rel="stylesheet" 的 CSS 引入标签
• script:src → 生成带 src 属性的 标签
• ul>li*3 → 生成包含 3 个
• 的无序列表（支持嵌套和重复）

所有这些缩写都依赖当前语法为 HTML，且光标必须在行首或空行才最稳定。

!




    
    
    

Emmet 的缩写规则很灵活，但别指望它猜你想要的 lang 值或 charset 编码——它只按预设模板展开。真要定制（比如默认加 lang="zh-CN"），得改 Emmet 的 snippets.json 配置，那已经超出“快速生成”的范畴了。

# css  # li  # sublime text  # 的是  # 这是  # 几个  # 文档  # 就能  # 不需要  # 模式下  # 用了  # 并将  # ul  # public  # linux  # html  # sublime  # js  # json  # html5  # windows  # 编码  # mac  # ai  # macos  # 或其他