!+tab不生效，需确认文件已保存为.html、右下角语言模式为html、emerald.triggerexpansionontab设为true；html:5更宽容，两者均原生支持且无需插件。
! + Tab 不生效，先看这三件事
VSCode 生成 HTML 模板根本不需要插件，! + Tab 是原生 Emmet 功能，失效几乎全是环境配置问题：
- 文件没保存或后缀不是
.html（比如叫index.txt或未命名的 Untitled-1） - 右下角语言模式显示为
Plain Text，不是HTML；按Ctrl+Shift+P输入Change Language Mode手动切过去 -
emerald.emmetTriggerExpansionOnTab被设为false（注意拼写是emerald，不是emmet；新版 VSCode 实际已改用emerald命名空间）
别急着装插件——90% 的“不生效”靠这三步就能解决。
html:5 和 ! 的行为差异在哪
两者都生成标准 HTML5 骨架，但触发逻辑不同：
-
!是 Emmet 的文档缩写（document abbreviation），只在空行或行首生效；输在已有文字中间会补局部标签，比如div!→<div>!</div> -
html:5是显式指令，对光标位置更宽容，但必须跟Tab（部分版本用Enter会换行而非展开） - 两者都不依赖网络或插件，VSCode 1.39+ 默认内置支持；
html:5更适合教学或 CI 环境里规避输入法误触
自定义模板该改 html.json 还是装插件
直接改用户级 html.json 片段最稳，插件反而容易冲突或过时：
- 路径：Windows 是
%USERPROFILE%\AppData\Roaming\Code\User\snippets\html.json，macOS/Linux 是~/.vscode/snippets/html.json -
prefix写成html5或myhtml都行，但不能含中文、空格或特殊符号 -
body里双引号要转义："<meta charset='\"UTF-8\"'>"；$1表示第一个跳转位，$0是最终光标停靠点 - 别硬编码
lang="zh-CN"——项目语言应由开发者手动填，模板里留lang="${1:zh-CN}"更实用
真正卡住人的从来不是怎么写
写完 html.json 却不生效？大概率是文件没切对语言模式，或者保存前就敲了 !。Emmet 只响应 .html 文件且语言模式为 HTML 时的 Tab 触发——这个前提比任何代码片段都关键。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
