vscode本身不决定浏览器,必须靠插件显式配置;live server需设liveserver.settings.custombrowser: "chrome"(小写),open in browser需配open-in-browser.default: "chrome",二者独立生效,配置后须重启窗口。

VSCode 本身不决定用哪个浏览器打开 HTML,必须靠插件显式配置;填错配置值、混淆插件作用域、忽略文件保存状态,是 90% 用户失败的根源。
Live Server 默认仍走系统默认浏览器
即使你装了 Live Server 并点击“Go Live”,它默认调用的是操作系统级的 open(macOS)、start(Windows)或 xdg-open(Linux),不是 Chrome。想强制用 Chrome,不能改通用设置,得单独配它的专属字段:
-
liveServer.settings.CustomBrowser是唯一生效的配置项,填chrome(小写,PATH 中有 chrome.exe 才行)或完整路径如C:Program FilesGoogleChromeApplicationchrome.exe - 这个配置只影响“Open with Live Server”和状态栏“Go Live”按钮,不影响右键菜单里的“Open in Default Browser”
- 如果填了
Google Chrome或Chrome,插件会静默失败——浏览器照常打开,但不是你想要的那个 - macOS 用户需先运行
brew install --cask google-chrome注册命令行工具,否则google-chrome也不认
Open in Browser 插件的 open-in-browser.default 填什么才有效
这个插件专为右键菜单服务,但配置极其敏感:
- 只接受进程名(大小写敏感、无空格)或绝对路径,
chrome可行,Chrome.exe不行,Google Chrome绝对不行 - Windows 上若 Chrome 不在 PATH,必须写完整路径,且反斜杠要双写:
C:\Program Files\Google\Chrome\Application\chrome.exe,或统一用正斜杠:C:/Program Files/Google/Chrome/Application/chrome.exe - 配置后必须重启 VSCode 窗口(不是重载窗口),否则右键菜单不出现“Open in Default Browser”选项
- 该菜单仅在编辑器焦点落在已保存的
.html文件上时显示;如果状态栏右下角显示的是Plain Text,点击它手动切到HTML模式
为什么改了设置还是弹出 Edge 或 Safari
根本原因不是 VSCode 设置错了,而是你没验证系统默认浏览器是否真设对了:
- 在任意文本文件里写
test,保存为test.txt,双击打开——跳哪个浏览器,VSCode 的“Open in Default Browser”就开哪个 - Windows:设置 → 应用 → 默认应用 → 网页浏览器,必须选中 Chrome,不能只靠 Chrome 自己的“设为默认”按钮
- macOS:系统设置 → 通用 → 登录项 → 默认网页浏览器,选 Google Chrome;同时确认
chrome命令能从终端执行 - Linux:运行
xdg-settings get default-web-browser查看当前值,用xdg-settings set default-web-browser google-chrome-stable.desktop修改
最易被忽略的一点:Live Server 和 Open in Browser 是两套独立配置体系,互不覆盖。想“右键即开 Chrome”,必须装 Open in Browser 并配对 open-in-browser.default;想“保存即刷新 Chrome”,必须装 Live Server 并配对 liveServer.settings.CustomBrowser。混用或只配一半,结果必然失控。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











