VS Code 默认不直接用浏览器打开HTML文件，需借助Live Server等扩展实现本地HTTP服务预览；双击打开仅靠插件如Open in Browser，但受限于file://协议；Emmet需开启triggerExpansionOnTab并确认语言模式为HTML。
VS Code 打开 HTML 文件默认用浏览器打开？它不会，得靠扩展或配置
VS Code 本身不“运行”HTML，也不自动用浏览器打开——它只是个编辑器。所谓“显示 HTML 方式”，本质是：让 HTML 文件保存后，能快速在浏览器里看到效果。这需要你主动加一层工具链，不是改个设置就能生效。
装 Live Server 是最稳的选择，适合写页面时边改边看
Live Server 启动的是一个本地 HTTP 服务器（比如 http://127.0.0.1:5500/index.html），不是 file:// 协议，所以能正常加载 CSS、JS、图片、fetch 请求等资源，避免跨域报错。
- 在扩展市场搜
Live Server，认准作者是Ritwick Dey的那个 - 安装完，打开任意
.html文件，右键选Open with Live Server - 或者点 VS Code 窗口右下角的
Go Live按钮（带端口号） - 改完代码按
Ctrl+S，浏览器会自动刷新——但注意：如果页面有 JS 错误卡住，可能不触发刷新，得手动 F5
想双击就打开浏览器？别信“默认行为”，要配插件或任务
VS Code 不提供“对 HTML 文件双击即用 Chrome 打开”的原生功能。有人装了 View In Browser 或 Open in Browser 插件，右键就能选浏览器，但它走的是 file:// 协议，不适合含 AJAX、模块导入或相对路径资源的项目。
- 装
Open in Browser后，快捷键是Alt+Shift+B（Windows/Linux）或Cmd+Alt+B（macOS） - 想指定 Chrome 而非默认浏览器？进设置搜
open-in-browser.default，填chrome或edge - 如果用了
file://方式却加载不了图片/CSS，请立刻切回Live Server——这不是你代码的问题，是协议限制
Emmet 快捷生成 HTML 结构，但感叹号不生效？那是 Emmet 没开
输入 ! 再按 Tab 能生成完整 HTML5 模板，这是 Emmet 功能，不是 VS Code 默认开启的。
立即学习“前端免费学习笔记（深入）”；
- 进设置搜
emmet.triggerExpansionOnTab，确保勾选 - 再确认当前文件语言模式是
HTML（右下角状态栏看，如果不是，点它 → 选HTML） - 如果还无效，检查有没有其他插件冲突，比如某些 Prettier 或格式化插件禁用了 Emmet
file:// 协议却写了 fetch('./data.json')——这种事在本地预览时极常见，也最容易被忽略。 
