!+Tab无反应主因是文件未识别为HTML模式，需保存为.html后缀、右下角显示HTML、光标在空行或行首，且emmet.triggerExpansionOnTab为true；html:5已废弃，vue中需配置"vue-html":"html"。
! + Tab 生成 HTML5 骨架为什么没反应
不是插件问题，是 VSCode 默认就支持的 Emmet 功能失效了。最常见原因是语言模式没识别成 HTML —— 右下角显示 Plain Text 或 JavaScript 时，! 完全静音。
- 新建文件后必须先保存为
index.html（或任意.html后缀），VSCode 才会自动切语言模式 - 没保存的
Untitled-1文件默认是Plain Text，此时敲!+Tab无效 - 远程开发（WSL/SSH）需在远程环境单独确认
emmet.triggerExpansionOnTab为true，本地设置不继承 -
html:5已在 VSCode 1.70+ 中彻底移除，输完按Tab也只会当普通文本补全，别再试了
在 .vue 文件的 <template> 里用 ! 无效怎么办
Vue 单文件组件里的 <template> 块被识别为 vue-html 语言，不在 Emmet 默认启用范围。不能靠装插件解决，得配 emmet.includeLanguages。
- 打开设置（
Ctrl+,/Cmd+,），搜emmet.includeLanguages - 点击“编辑 in settings.json”，加一行：
"vue-html": "html" - 改完不用重启，但要重新加载窗口（
Ctrl+Shift+P→Developer: Reload Window） - 注意：不是
"vue"，也不是"vue-template"，必须填"vue-html"
怎么让 ! 生成带 viewport 和 zh-CN 的模板
Emmet 不读系统语言、不查 settings.json 区域设置，lang="en" 是硬编码默认值。想改，只能覆盖默认片段。
- 命令面板（
Ctrl+Shift+P）→Configure User Snippets→ 选html - 替换全部内容为自定义 JSON，其中
"prefix": "!"必须保留 -
"lang=\"zh-CN\"和<meta name=\"viewport\">直接写死在body数组里 -
$1和$2是光标跳转占位符，分别对应<title>和<body>内容区
div>ul>li*3>a 这类缩写为啥只生成一半
不是语法错，是触发时机不对。Emmet 缩写必须在空行或标签外输入，且严格依赖 Tab 键触发——按 Enter 或写在已有标签内部，它就不工作。
立即学习“前端免费学习笔记（深入）”；
- 不能写在
<div>里面，也不能跟在注释后面、引号中间、属性值里 - 输入
div>ul>li*3>a后必须按Tab，按Enter会直接换行，不展开 - 如果缩写里含空格（比如
div .container），Emmet 会忽略空格后内容，只处理前面部分 - 多级嵌套建议分步验证：先试
div>ul，再加>li*3，避免一次性写太长出错
