最快方法是直接设置 open-in-browser.default 为 Chrome;Live Server 需单独配 liveServer.settings.CustomBrowser;系统默认浏览器仅为兜底,不装插件则无右键“Open in Default Browser”选项。

直接改 open-in-browser.default 最快,填 "Chrome" 就行
VS Code 本身不内置浏览器选择逻辑,真正起作用的是插件。目前最常用、最稳定的方案是装 Open in Browser 插件后,只改一个配置项:open-in-browser.default。别写 JSON 对象,也别加引号包裹再套大括号——那反而会失效。
- 打开设置(
Ctrl + ,或 文件 → 首选项 → 设置) - 搜索框输入
open-in-browser.default - 在下方输入框里直接填:
Chrome(注意大小写,首字母大写,无空格无引号) - 保存,右键 HTML 文件 → Open in Default Browser,立刻生效
填 {"open-in-browser.default":"Chrome"} 是常见错误,VS Code 会把它当字符串字面量处理,而不是配置项值,结果就是“设了等于没设”。
用 Live Server 的话,得单独配 liveServer.settings.CustomBrowser
如果你习惯用 Live Server 插件(右键 → Open with Live Server),它完全不读 open-in-browser.default,必须单独配置。这个插件更常用于开发调试,自带热重载,但浏览器控制权是独立的。
- 设置里搜
liveServer.settings.CustomBrowser - 下拉菜单选
chrome(小写,不是Chrome) - 或者手动输
google-chrome(Linux/macOS)、chrome.exe(Windows 路径模式下才需要) - 改完不用重启,下次点 Open with Live Server 就走 Chrome
注意:Live Server 的配置名是 CustomBrowser,不是 DefaultBrowser,拼错或搜错关键词就找不到入口。
系统默认浏览器 ≠ VS Code 默认浏览器,但它是兜底逻辑
如果两个插件都没装,或配置全失效,VS Code 会退回到系统默认浏览器——这时候你改 Windows/macOS 的系统设置才有用。但它只是 fallback,不能替代插件配置。
- Windows:设置 → 应用 → 默认应用 → Web 浏览器 → 选 Chrome
- macOS:系统设置 → 通用 → 默认网页浏览器 → 选 Google Chrome
- Linux:不同桌面环境路径略异,通常在「默认应用程序」里找「Web Browser」
只改系统设置、不装插件也不配插件,VS Code 里右键 HTML 文件根本不会出现「Open in Default Browser」选项——这个功能本身就是插件提供的。
多个插件共存时,优先级容易混乱
如果你同时装了 Open in Browser、Live Server、甚至 Browser Preview,它们各自维护一套浏览器配置,互不通信。右键菜单里可能同时出现好几个“Open in…”选项,但每个对应不同插件、不同配置项。
-
Open in Default Browser → 走
open-in-browser.default -
Open with Live Server → 走
liveServer.settings.CustomBrowser -
Preview in Browser(Browser Preview)→ 走它自己的
browserPreview.browser
最容易被忽略的是:你以为点了“Open in Default Browser”是在用 VS Code 自带功能,其实它 100% 依赖 Open in Browser 插件。卸载插件后这个菜单项直接消失,不是隐藏,是根本不存在。











