Live Server 默认不读系统默认浏览器,需手动配置 liveServer.settings.CustomBrowser 为 "chrome"(小写)并重启 VS Code;右键“Open with Live Server”才生效,而“Open in Default Browser”属 open-in-browser 插件,需单独配置 openInBrowser.default;调试时由 launch.json 的 "browser": "chrome" 控制;所有配置修改后必须重载窗口或重启才生效。

Live Server 不开 Chrome?查 liveServer.settings.CustomBrowser
Live Server 插件压根不读系统默认浏览器,只认自己配置项。哪怕你把 Chrome 设成系统默认,它照样可能弹出 Edge 或 Firefox。
- 打开 VS Code 设置(
Ctrl + ,),搜索liveServer.settings.CustomBrowser - 值填
"chrome"(注意:大小写必须小写,不能是"Chrome"或"Google Chrome") - 保存后必须 重启 VS Code 或执行
Developer: Reload Window,否则配置不生效 - 右键菜单要选 “Open with Live Server”,不是“在默认浏览器中打开”
右键“Open in Default Browser”还是错?盯紧 openInBrowser.default
这个命令属于 open-in-browser 插件(作者 techer),它和 Live Server 是两套独立逻辑,配置互不影响。
- 先确认已安装插件:扩展市场搜
open-in-browser,装的是 techer 版本(别装错名字相近的) - 设置里搜
openInBrowser.default,填"chrome"(同样严格小写) - macOS 用户填
"google-chrome"并确保终端能直接运行该命令;Windows 建议把 Chrome 安装路径加进PATH,或填绝对路径如"C:/Program Files/Google/Chrome/Application/chrome.exe" - 改完仍不出现右键菜单?卸载插件 → 重启 VS Code → 重装 → 再重启
调试时启动 Edge 而非 Chrome?改 launch.json 的 browser
Debugger for Chrome(或新版 js-debug)调试时,浏览器选择由 launch.json 控制,和上面两个插件完全无关。
- 项目根目录下
.vscode/launch.json中,确保有"browser": "chrome"(小写) -
url必须是http://开头的有效地址(比如"http://localhost:5500/index.html"),不能是file://协议 - 检查
webRoot是否指向正确源码路径,否则断点不命中——但这不影响浏览器启动本身 - 如果 Chrome 启动了但连不上调试器,大概率是端口被占或 Chrome 启动参数冲突,不是配置写错了
系统默认设对了,为什么某些场景还是失效?
VS Code 里“默认浏览器”根本不存在统一概念——不同功能走不同路径:右键命令走插件配置,Live Server 走自己配置,code 命令行启动走系统注册,调试走 launch.json。
- 微信、钉钉、某些国产软件会偷偷重置 Windows 系统默认浏览器注册表,导致 Live Server 回退到旧设置
- 多个插件共存(比如同时装了
open-in-browser和Live Server)可能造成右键菜单行为不一致 - 项目级配置(
.vscode/settings.json)优先于全局设置,建议关键项目直接写死:"liveServer.settings.CustomBrowser": "chrome"
最常被忽略的一点:所有配置改完都必须重载窗口或重启,settings.json 文件保存成功 ≠ 配置已加载。











