Sublime中!或html:5按Tab生成HTML5骨架需满足Emmet启用且语法为HTML；若无反应，多因语法非HTML；!与html:5等价但更可靠；缺meta charset说明触发了原生snippet而非Emmet。
Sublime 里输入 ! 或 html:5 按 Tab 就能生成 HTML5 骨架，但前提是 Emmet 已启用且当前文件语法是 HTML —— 这两点没做对，再熟的缩写也白敲。
为什么 ! 按 Tab 没反应？
最常见原因是当前文件没被识别为 HTML 语法。右下角状态栏显示的是 Plain Text、JavaScript 或 HTML (Twig)，Emmet 就直接跳过，不触发任何缩写。
- 点右下角语法名 → 选
HTML（不是带括号的衍生语法） - 或按
Ctrl+Shift+P→ 输入Set Syntax: HTML回车 - 确保文件后缀是
.html；.htm或.shtml默认不绑定 HTML 语法，需手动映射 - 检查
Preferences → Package Settings → Emmet → Settings，确认"syntax_profiles": {"html": true}已启用
! 和 html:5 有啥区别？
! 是 Emmet 内置的简写别名，等价于 html:5，两者输出完全一致。但实际使用中：! 更快、更少输错风险；html:5 在部分旧版配置或自定义 snippet 冲突时可能失效。
-
!默认生成<html lang="en">，如需中文，得手动改成lang="zh-CN" -
html:5在 Sublime Text 4 中仍可用，但 VSCode 已废弃该写法，建议统一用! - 如果改过 Emmet 的
snippets.json，比如把!映射成其他内容，那!就不再等价于 HTML5 骨架了
生成的骨架缺 <meta charset="UTF-8"> 怎么办？
不会缺 —— 正常情况下 ! 输出的结构里一定包含这行。如果没出现，说明你触发的不是 Emmet 的 !，而是 Sublime 原生 snippet 的 html（它只输出基础标签，不含 meta）。
立即学习“前端免费学习笔记（深入）”；
- 原生
html+ Tab：仅生成<html><head></head><body></body></html></li> <li>Emmet <code>!
+ Tab：必定含<meta charset="UTF-8">、<meta name="viewport">、<title> - 验证方式：在空行输入
!后，看光标是否自动停在<title>标签内 —— 是，则为 Emmet；否则是原生 snippet 干扰
想改默认 <title> 文本或加 <meta description> 怎么办？
不能直接改 Emmet 的内置缩写逻辑，但可以通过自定义 snippet 覆盖它。注意：这不是修改 Emmet，而是让 Sublime 优先用你写的 snippet 替代默认行为。
- 菜单栏
Tools → Developer → New Snippet… - 填入内容，例如：
<snippet> <content><![CDATA[<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="$1"> <title>$2</title> </head> <body> $0 </body> </html>]]></content> <tabTrigger>html</tabTrigger> <scope>text.html.basic</scope> </snippet>
- 保存为
Packages/User/html.sublime-snippet - 之后输入
html+ Tab 就会触发这个新结构，!仍走 Emmet，互不干扰 - 关键点：
<scope>必须是text.html.basic，写成text.html.vue或留空都无效
真正容易被忽略的不是怎么写 snippet，而是 scope 的匹配精度 —— 它必须和当前文件的实际语法 scope 完全一致，差一个字符，代码块就永远不会弹出来。
