VS Code 默认浏览器设置需通过插件配置:Live Server 在 settings 中修改 liveServer.settings.CustomBrowser,Open in Browser 插件设 openInBrowser.default 为 system,调试模式则需调整 .vscode/launch.json 的 type 字段。

VS Code 默认浏览器设置在哪改
VS Code 本身不直接运行网页,它靠插件(比如 Live Server 或 Open in Browser)触发浏览器打开。所以“选哪个浏览器”,本质是改插件的配置,不是 VS Code 主体设置。
最常用的是 Live Server 插件:打开设置(Ctrl+, 或 Cmd+, ),搜 live server.settings.CustomBrowser,点编辑(铅笔图标),选下拉里的浏览器,比如 chrome、edge、firefox;或者填绝对路径,如:/Applications/Brave Browser.app/Contents/MacOS/Brave Browser(macOS)或 C:Program FilesBraveSoftwareBrave-BrowserApplicationrave.exe(Windows)。
- 路径必须准确,大小写、空格、扩展名都不能错,否则点击“Go Live”没反应
- 如果下拉列表里没有你要的浏览器(比如 Brave、Arc),就只能手动填路径
- 填路径时,Windows 要用反斜杠
,且需转义为双反斜杠\,或直接用正斜杠/(VS Code 通常也认)
右键菜单“Open in Default Browser”为什么不听系统默认
这个右键选项走的是系统级调用,但很多插件(尤其是老版本 Open in Browser)会绕过系统设置,硬编码成打开 Chrome 或 Edge。不是你系统设错了,是插件自己不读取系统默认值。
- 确认是否装了多个浏览器插件,冲突常见——禁用其他浏览器类插件,只留一个
-
Open in Browser插件的配置项叫openInBrowser.default,设成system才真正走系统默认;设成chrome就永远开 Chrome - Windows 上如果系统默认是 Firefox,但右键仍开 Edge,大概率是插件配置没生效,重启 VS Code 再试
Live Server 启动后自动跳 Chrome?检查 launch.json
如果你用的是调试模式(F5 启动),那控制权在 .vscode/launch.json,和插件设置无关。这里指定的是调试器行为,不是普通预览。
- 确保
launch.json里"type": "pwa-chrome"这行没写死路径;想换浏览器,改成"pwa-edge"或"pwa-firefox" - Firefox 调试需要额外安装插件
Debugger for Firefox,且启用远程调试(about:config里设devtools.debugger.remote-enabled为true) - 改完
launch.json必须保存,而且要从「运行 → 启动调试」进,右键“Open with Live Server”不会走这个配置
Mac 上 Chrome 打不开?可能是权限或沙盒问题
macOS Ventura 及更新系统对非 App Store 应用限制变严,Chrome 浏览器若从官网下载但没正确签名,VS Code 通过命令行调起时可能被拦截,表现为“无反应”或报错 Error: spawn /Applications/Google Chrome.app/Contents/MacOS/Google Chrome ENOENT。
- 先终端手动执行一遍路径,看是否真能打开:
open -a "Google Chrome" http://localhost:5500 - 如果提示“已损坏”,去「访达 → 右键 Chrome → 显示简介 → 勾选【仍要打开】」
- Live Server 插件路径配置里别写太长的嵌套路径,优先用
chrome(让它自己找),比硬写/Applications/.../Contents/MacOS/...更稳










