VS Code需借助扩展（如Live Server）启动HTTP服务才能正确运行HTML页面；直接打开file://协议页面会因跨域等问题导致JS、fetch等失效。
VS Code 本身不是浏览器，不能“打开页面”来渲染 HTML——它只能编辑、预览或启动服务；真正打开页面的是系统默认浏览器或你指定的浏览器。
为什么 Ctrl+Click 或右键“Open in Default Browser” 没反应？
常见原因不是 VS Code 坏了，而是没装对应扩展或路径不合法：
- HTML 文件必须已保存（
.html后缀），未保存的临时文件不会触发预览 - 默认不内置浏览器预览功能，需安装官方扩展
Live Server或社区扩展Open in Browser - 如果文件路径含中文、空格或特殊符号（比如
C:\我的项目\index.html），部分旧版扩展会失败 - VS Code 设置里禁用了外部命令（如
"openInBrowser.default"被设为null）
用 Live Server 启动本地服务并自动打开页面
这是最可靠的方式：它起一个真实 HTTP 服务，解决跨域、相对路径、ES Module 等前端开发常见问题。
- 在扩展市场搜
Live Server（作者：Ritwick Dey），安装后重启 VS Code - 打开任意
.html文件，右下角出现Go Live按钮，点它 → 自动在默认浏览器打开http://127.0.0.1:5500/xxx.html - 改完代码保存，页面自动刷新（无需手动 F5）
- 注意：端口
5500可能被占用，此时会顺延到5501，看右下角提示即可
直接调用系统浏览器打开静态文件（不走 HTTP）
适合纯展示、无 JS 交互或不需要 fetch 的简单页面，但有明显限制：
- 用
Open in Browser扩展（轻量，无服务）：安装后右键 HTML 文件 →Open in Default Browser - 路径会被转成
file:///C:/xxx/index.html—— 这时XMLHttpRequest、fetch、import会因跨域被浏览器拦截 - Mac/Linux 用户要注意：VS Code 默认可能用
open命令，若终端报command not found，需检查 shell 配置或换用Live Server
真正卡住人的地方，往往不是“怎么点开”，而是点开了却加载不了 JS、请求 404、图片路径错乱——这些全是因为没分清 file:// 和 http:// 的行为差异。选 Live Server 就少掉一半坑。
