装 open in browser 就够了，它轻量稳定，专为右键一键用 chrome 等浏览器打开 html 文件而设计；live server 本质是启动本地 http 服务并依赖系统默认浏览器打开，不读 vs code 浏览器配置，故无法用于指定浏览器调用。
装 Open in Browser 就够了，轻量、稳定、支持右键一键打开 HTML 文件到指定浏览器（Chrome / Firefox / Edge 等）。
为什么不是 Live Server？
Live Server 的核心作用是启动本地 HTTP 服务（http://127.0.0.1:5500/xxx.html），不是“调用浏览器”——它依赖操作系统默认浏览器打开链接。你改 VS Code 设置里的浏览器选项，对 Live Server 完全无效。
- 现象：
Right-click → Open with Live Server却弹出 Edge 或 Firefox - 原因：Live Server 调用的是系统级
open（macOS）或start（Windows）命令，不读 VS Code 配置 - 结论：想“直接调用浏览器”，别指望 Live Server；它解决的是热重载和 HTTP 上下文问题，不是浏览器选择问题
Open in Browser 怎么配置 Chrome 为默认？
安装后，在 VS Code 设置里搜 open-in-browser.default，下拉选 chrome 即可。它会自动检测 Chrome 是否已安装（Windows/macOS/Linux 均支持）。
- 支持快捷键：
Alt+Shift+F（Windows/Linux）或Option+Shift+F（macOS） - 右键菜单里会出现 “Open in Default Browser” 和 “Open in Chrome/Firefox/Edge…” 多个选项
- 注意：这个插件打开的是
file://协议路径，不启动服务器——适合快速预览静态 HTML，不适合依赖fetch或跨域资源的页面
如果需要调试器集成（比如断点、Network、Elements），该装什么？
这时候 Open in Browser 不够用，得上官方调试插件：Debugger for Chrome 或 Microsoft Edge Tools（已整合进 VS Code 1.80+ 内置）。
- 必须配
launch.json，例如：{"type":"pwa-chrome","request":"launch","name":"Launch Chrome","url":"http://localhost:3000","webRoot":"${workspaceFolder}"} - 它不是“打开浏览器”，而是建立 WebSocket 连接，把 DevTools 功能（Network、Console、Elements）搬进 VS Code 界面
- 常见坑：
url必须是 HTTP 地址（不能是file://），且后端服务（如 React/Vite 启的服务）得先运行
真正容易被忽略的点是：**“调用浏览器”这件事，其实分三层——预览（Open in Browser）、开发服务（Live Server）、调试集成（pwa-chrome）。混用时别指望一个插件通吃，也别在错误的场景改错的配置项。**
