VS Code需安装Live Server插件才能正确预览HTML：它启动本地HTTP服务器（如http://127.0.0.1:5500），解决相对路径、AJAX、ES模块等file://协议下跨域/限制问题；安装后右键HTML文件选“Open with Live Server”或点击状态栏“Go Live”按钮即可，支持自定义浏览器。
点右键就能开，但得先装个插件
VS Code 本身不带浏览器打开功能，直接双击或拖进浏览器是系统行为，不是编辑器能力。最省事的方案是装 Live Server 插件——它不是“运行 HTML”，而是起一个本地服务器（http://127.0.0.1:5500），这样所有相对路径、AJAX 请求、ES 模块导入才不会报错。
- 打开扩展面板（
Ctrl+Shift+X），搜Live Server，认准作者是Ritwick Dey的那个 - 安装完不用重启，右键你编辑的
index.html或任意.html文件，选Open with Live Server - 别用“在资源管理器中显示”再双击——那是
file://协议，fetch('./data.json')会直接跨域失败
不装插件也能开，但只适合纯静态页面
如果你只是写个带 <h1> 和几行样式的单页，没 JS 请求、没图片路径、没模块，那确实可以绕过服务器直接看效果。但这个“能开”不等于“能用”。
- 在 VS Code 资源管理器里右键 HTML 文件 →
Reveal in File Explorer（Windows）或Reveal in Finder（macOS） - 找到文件后，右键 →
Open with→ 选 Chrome / Edge / Firefox（别用 IE） - 地址栏会显示类似
file:///C:/project/demo.html—— 这就是file://协议，XMLHttpRequest、localStorage在某些浏览器下可能被禁用
状态栏有个“Go Live”按钮，别忽略它
装完 Live Server 后，VS Code 底部状态栏会自动出现蓝色 Go Live 按钮。很多人只记得右键，却不知道点这里更快，尤其当你已经打开了多个标签页时。
- 确保当前活动标签页是你要预览的
.html文件（哪怕没保存也行，但建议先Ctrl+S） - 点
Go Live，它会自动找同目录下的index.html；如果没有，就打开当前文件 - 如果点完没反应，检查右下角有没有弹出错误提示，常见原因是端口被占（可改配置里的
liveServer.settings.port）
想指定浏览器？靠设置，不是靠右键
默认用系统默认浏览器，但前端开发常要对比 Chrome 和 Edge 行为。VS Code 不提供右键菜单选浏览器的选项，得改设置。
立即学习“前端免费学习笔记（深入）”；
- 按
Ctrl+,打开设置，搜live server settings - 找到
Live Server: Settings > Custom Browser，填chrome或edge（小写，不带空格） - 或者手动改
settings.json：加一行"liveServer.settings.CustomBrowser": "chrome" - 注意：这个设置只对
Live Server生效，不影响“右键 → Open in Default Browser”这类原生行为
file:// 那套玩法走不远。哪怕只是读个本地 JSON，或者用 import 加载 JS 模块，都得走服务器。别省那一步安装，它比你查 CORS 报错快多了。 
