VS Code 中输入 html5 无响应，需确认文件类型为 HTML、Emmet 已启用，推荐使用 ! 或 html:5 触发 HTML5 模板，避免用已弃用的 html5；缺失 meta charset 说明配置异常，可检查 emmet.variables 或禁用干扰插件。
VS Code 里敲 html5 不出模板？先确认是否装了 Emmet
VS Code 默认支持 Emmet，但如果你输入 html5 按 Tab 或 Enter 没反应，大概率是 Emmet 没启用，或者当前文件没识别为 HTML。
- 检查右下角状态栏：文件类型是否显示为
HTML（不是Plain Text）；如果不是，点击它，选Configure File Association for '.xxx'→ 设为HTML - 确认 Emmet 已开启：
Ctrl+,打开设置，搜emmet，确保Emmet: Enabled是勾选状态 -
html5是 Emmet 的缩写片段（abbreviation），只在 HTML 模式下生效，不适用于.txt、.js等其他语言模式
输入 html5 后没生成完整结构？试试 ! 或 html:5
不同版本 VS Code 和 Emmet 配置下，触发方式略有差异。官方推荐写法其实是 !，而非 html5 —— 这点很多人卡住是因为记混了旧教程。
- 新建空白文件 → 保存为
.html→ 输入!→ 按Tab：会生成标准 HTML5 文档骨架 -
html:5也等效，但html5（无冒号）在较新版本中已被弃用，部分配置下不识别 - 如果用了自定义 snippets，可能覆盖了默认行为；可临时禁用插件测试，或检查
emmet.extensionsPath是否指向了错误配置
生成的代码里缺少
新版 Emmet 默认生成的 HTML5 模板已包含 ，但如果缺失，说明本地配置被改过，或用了老版本 snippet。
- 打开设置（
Ctrl+,），搜emmet.variables，确认没有手动删掉"charset": "UTF-8" - 也可以在用户设置 JSON 中检查是否有类似配置：
"emmet.preferences": { "output.charset": "UTF-8" } - 某些中文插件（如 Auto Rename Tag）会干扰 Emmet 行为，建议禁用后重试
在非 HTML 文件里硬要写 HTML 片段？用强制语言模式 + Emmet 触发
比如在 Markdown 或 Vue 单文件组件的 区域写 HTML，Emmet 可能不自动激活。
- 把光标放到要写 HTML 的位置，按
Ctrl+Shift+P→ 输入Change Language Mode→ 选HTML - 此时再输
!+Tab就能触发（VS Code 会临时按 HTML 模式解析 Emmet） - 注意：切换语言模式不会改变文件后缀，也不会影响其他区域语法高亮，只是让当前编辑器“假装”在写 HTML
Emmet 的行为高度依赖上下文语言模式和配置优先级，不是“输对词就一定出结果”。最容易被忽略的是：文件未保存导致 VS Code 无法判断类型，或者扩展冲突静默屏蔽了触发逻辑。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
