Sublime需配合Emmet插件并确保语法模式为HTML、文件后缀为.html、按Tab而非Enter，才能用!或html:5生成HTML5骨架；!更推荐，因兼容性好且等价于html:5；自定义snippet可替代缩写以适配项目需求。
Sublime 默认不自动识别新文件为 HTML，也不自带完整骨架生成能力；必须配合 Emmet 插件 + 正确语法模式，才能用 ! 或 html:5 按 Tab 一键输出标准 HTML5 骨架。
为什么 ! + Tab 没反应？常见卡点全列在这
这不是 Emmet 坏了，而是上下文没对上：
- 右下角状态栏显示的不是
HTML（而是Plain Text、JavaScript或HTML (Rails)）——Emmet 只在原生HTML语法下默认启用 - 文件没保存，或后缀不是
.html；.htm有时不被识别，.txt绝对无效 - 按的是
Enter而不是Tab；!必须接Tab，回车只会换行 - 有插件劫持了
Tab（比如SideBarEnhancements或某些主题），可临时禁用排查，或改用Ctrl+E（Windows/Linux）强制触发 - 误执行了
Emmet: Toggle Expanding Abbreviation，导致功能被手动关闭
! 和 html:5 到底该用哪个？参数和兼容性差异
! 是 Emmet 内置缩写，等价于 html:5，但更短、更稳：
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
-
!在 Sublime Text 3+ 和 VSCode 中都默认映射到 HTML5 骨架，无需额外配置 -
html:5属于旧式写法，在部分新版环境里已弱支持，拼错（如html5少冒号）直接失效 - 两者生成内容一致：
<!DOCTYPE html>+<html lang="en">+<head>+<meta charset="UTF-8">+<meta name="viewport">+<title>Document</title>+<body></body> -
lang默认是"en"，中文项目需手动改成zh-CN；<title>内容固定为Document，光标停在其中，方便立刻编辑
自定义骨架比硬记缩写更实用：用 snippet 替代 !
当项目需要固定头部、Vue 组件结构、或带 CDN 的脚手架时，! 就不够用了。这时该用 Sublime 原生 snippet：
立即学习“前端免费学习笔记（深入）”；
- 菜单栏
Tools → Developer → New Snippet…，填入 XML 内容，保存为Packages/User/myhtml.sublime-snippet -
<scope>必须写对：HTML 文件用text.html.basic，Vue 单文件组件用text.html.vue，否则不生效 -
$1、$2是光标占位符，$1会是第一个停靠点（比如<title>$1</title>），Tab可跳转 - 保存后不用重启，但若之前改过
scope或语法名，建议按Ctrl+Shift+P输入Reload Syntaxes刷新 - 别试图改 Emmet 默认规则去适配项目规范——容易引发缩写全局失效；
snippet是隔离、安全、可复用的替代方案
真正难的不是怎么敲出骨架，而是每次新建文件时，是否记得切语法、存后缀、确认 Emmet 启用状态。这些步骤串起来才构成“快速”的前提，漏掉任一环，! 就只是个感叹号。
