VS Code不能直接渲染网页，需通过浏览器预览；双击HTML文件常因默认程序错误或file://协议限制导致失败，推荐使用Live Server插件启动本地HTTP服务（如http://127.0.0.1:5500）以绕过限制并支持自动刷新。
VS Code 本身不是浏览器，不能直接“打开网页”来浏览效果；它只能编辑 HTML 文件，要看到页面效果，必须用外部浏览器打开。
为什么双击 HTML 文件没反应？
很多人把写好的 index.html 双击打开，结果看到的是源码或乱码——这是因为系统默认用记事本或 VS Code 自己打开了它，而不是用浏览器渲染。VS Code 编辑器不内置渲染引擎，file:// 协议下某些功能（比如本地 AJAX、模块导入）也会被浏览器策略拦截。
- 双击文件 → 系统用默认程序打开，未必是 Chrome/Firefox
- 在 VS Code 里右键“Open with Live Server” → 才能起一个本地 HTTP 服务，绕过浏览器的本地文件限制
- 直接拖进浏览器窗口 → 可以预览，但
fetch('./data.json')会失败，报CORS或net::ERR_FILE_PROTOCOL
Live Server 插件怎么装和用？
这是最常用、最稳妥的本地预览方式，本质是启动一个轻量 HTTP 服务器（如 http://127.0.0.1:5500），让浏览器正常加载资源。
- 在 VS Code 扩展市场搜
Live Server，安装并重启（作者是 Ritwick Dey） - 打开任意
.html文件，右下角点击Go Live，或右键菜单选Open with Live Server - 首次运行会自动在默认浏览器打开页面，后续保存文件时，页面可自动刷新（需插件设置开启
liveSassCompile.settings.autoSave类似逻辑，但 Live Server 默认就支持） - 注意：端口可能被占用，可在设置里改
liveServer.settings.port，比如设成3000
命令行快速打开浏览器（不用插件）
适合不想装插件、或需要调试特定浏览器行为的场景，比如想强制用 Edge 测试兼容性。
- 终端进入项目目录，执行：
npx serve -s（需先npm install -g serve），然后访问http://localhost:5000 - 更轻量的：
python3 -m http.server 8000（Python 3 内置，路径下有index.html就能访问） - Mac 用户可直接：
open -a "Google Chrome" ./index.html，但仍是file://协议，不推荐用于含 JS 请求的页面
真正卡住人的地方，往往不是“打不开”，而是打开后 JS 报错、图片不显示、接口 404——这时候得看地址栏是 file:// 还是 http://，再检查控制台报的到底是路径问题，还是跨域问题。别急着重写代码，先确认你在用哪种方式打开。
