!+Tab不生效需先检查三件事：文件已保存且后缀为.html或.htm；右下角语言模式显示HTML；emmet.triggerExpansionOnTab必须为true。
! + Tab 不生效，先检查这三件事
VSCode 生成 HTML 模板根本不需要插件，! + Tab 是内置 Emmet 功能，失效几乎全是环境配置问题。
- 文件必须已保存且后缀为
.html或.htm（index.txt或未保存的 Untitled-1 都不触发） - 右下角语言模式必须显示为
HTML（不是Plain Text，点它手动切或按Ctrl+Shift+P→Change Language Mode） -
emerald.emmetTriggerExpansionOnTab必须为true（默认开启，但有人在设置里关过）
html:5 和 ! 的行为差异在哪
两者都生成标准 HTML5 骨架，但触发逻辑和容错性不同：
-
!是 Emmet 的文档缩写（document abbreviation），字符最短，但只在空行或行首生效；如果光标卡在已有文本中间，它可能只补局部标签 -
html:5更明确，兼容性略强——某些旧版自定义配置或禁用部分 Emmet 规则时，!失效但html:5仍可用 - 注意：
html:5后必须按Tab，按Enter会换行而非展开（VSCode 个别版本有此 bug）
自定义模板时 prefix 和 body 容易写错的点
改 html.json 写代码片段时，真正卡住人的不是语法，而是这些细节：
DeepBI DHTML 页面生成器
下载
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
-
prefix只能是英文/数字组合，比如myhtml可以，我的模板或html-5（含短横线）会直接失效 -
body是字符串数组，每行一个string；双引号内嵌双引号必须转义："" -
$1、$2表示跳转位置，顺序不能乱，$0是最终光标停靠点；漏掉或重复会导致 Tab 后光标乱跳 - 如果模板含
<script></script>或，确保闭合标签写全，否则插入后可能破坏语法高亮甚至报错
为什么改了 snippets 还是不走自定义模板
常见原因是语言模式没对上——VSCode 的代码片段是按语言绑定的。
- 你改的是
html.json，那它只在语言模式为HTML且文件后缀为.html时才加载 - 如果文件是
.vue，即使里面写了，也要单独配vue.json或在设置里加emmet.includeLanguages - 改完
html.json后不用重启 VSCode，但要确保当前编辑器焦点在.html文件里，再输!测试
真正容易被忽略的是：自定义模板生效的前提，永远是文件已保存 + 语言模式正确 + 光标在可触发位置——不是代码写得不够漂亮，而是这三步没走稳。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
