敲!没反应是因为文件未保存为index.html或右下角语言模式非html；!与html:5均生成html5结构，但!默认含meta charset和空title；页面空白常因编码非utf-8或使用file://协议，应改用live server启动。
直接按 ! + Tab 就行，前提是文件已保存为 index.html 且右下角语言模式是 HTML。
为什么敲 ! 没反应？
不是插件没开，是触发条件没满足：
- 文件还没保存，或后缀不是
.html（比如只叫index） - 右下角语言模式显示为
Plain Text或JavaScript，点它手动切回HTML - 光标不在空行开头，或前面有空格/注释/其他字符
- 输入的是中文感叹号
！，必须用英文半角!
! 和 html:5 有什么区别？
两者都生成 HTML5 基础结构，但细节不同：
-
!是 Emmet 默认缩写，展开后带<meta charset="utf-8">和<title></title>，语言属性默认为空 -
html:5效果几乎一样，但部分旧版 Emmet 配置里可能更稳定；新版本中二者已基本等价 - 如果想加
lang="zh-CN"，得手动补上，Emmet 不自动注入
生成后页面空白或乱码怎么办？
常见于编码或协议问题：
- 右下角编码显示
UTF-16 LE→ 点它 →Save with Encoding→ 选UTF-8 - 双击打开
index.html→ 地址栏是file:///开头 → 这种方式不支持fetch、模块导入、相对路径资源加载 - 改用
Live Server：右键文件 →Open with Live Server，地址变成http://127.0.0.1:5500/才算真正跑起来
最容易被忽略的是：生成结构只是第一步，file:// 协议下连 ./data.json 都 fetch 不了——别急着写 JS，先确认服务起来了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
