Sublime Text 默认不支持 ! + Tab 生成 HTML5，必须安装 Emmet 插件；最常见原因是文件未识别为 HTML 语法（右下角显示 Plain Text），或光标不在空行行首、存在前导空格。
Sublime Text 默认就支持 HTML5 快速生成，不用装插件也能用 ! + Tab，但必须满足三个前提：文件语法是 HTML、光标在空行开头、没多余空格。
为什么 ! + Tab 没反应？
最常见原因是当前文件没被识别为 HTML —— 新建文件默认是 Plain Text，右下角显示的不是 HTML。Emmet 只在 text.html.basic 作用域下生效，其他如 HTML (Twig)、JavaScript 或纯文本都不触发。
- 确认右下角语法名是
HTML；如果不是，点它 → 选HTML，或按Ctrl+Shift+P输入Set Syntax: HTML - 确保输入
!时，光标在行首且该行为空（前面不能有空格、制表符） - 如果刚新建文件就输
!，别急着按 Tab —— 先存为.html后缀（如index.html），再设语法，否则部分版本不响应
! 和 html:5 有什么区别？
两者都展开为标准 HTML5 结构，但行为细节不同：
-
!是 Emmet 内置缩写，映射到html:5，更短，但对格式敏感：只认行首、无前导空格、必须在空行 -
html:5更宽松，可出现在非行首（只要前面没字符），大小写不敏感（HTML:5、Html:5都行），末尾允许空格 - 部分 Sublime Text 4 用户反馈
!在某些主题或插件冲突下失效，此时直接用html:5更稳
如何让每次新建 .html 文件都自动带 HTML5 结构？
靠自定义 snippet，而不是依赖每次手动敲 !。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"> <title>${1:Document}</title> </head> <body> ${2:<p>Hello World</p>} </body> </html>]]></content> <tabTrigger>myhtml5</tabTrigger> <scope>text.html.basic</scope> </snippet> - 保存为
Packages/User/myhtml5.sublime-snippet，之后在 HTML 文件中输myhtml5+ Tab 即可 - 注意：
<scope>必须写成text.html.basic，写成text.html或漏掉会失效
CDN、lang、自定义 meta 怎么加进模板？
Emmet 默认的 ! 和 html:5 不含 CDN 或中文 lang，硬改内置行为风险高，推荐走 snippet 路线：
- 不要试图修改 Emmet 的核心配置（如
snippets.json），容易被升级覆盖或引发兼容问题 - 在自定义 snippet 里直接写死需要的
<link>或<script>，比如 Bootstrap、Tailwind 的 CDN 地址 -
lang="zh-CN"这种属性，直接写在<html>标签里，比后期搜索替换更可靠 - 如果项目需多套模板（如带 Vue、带 React），就建多个 snippet，分别用
vuehtml、rehtml当<tabTrigger>
真正卡住人的往往不是“怎么写”，而是“为什么没反应”——90% 的失败源于语法未切到 HTML 或光标位置不对。先盯住右下角那个小字，再动手敲，比查十篇教程都管用。
