Live Server 的 liveServer.settings.CustomBrowser 仅影响“Open with Live Server”右键操作,Windows 填 chrome 或完整路径,macOS 填 google-chrome 或应用路径,Linux 填 google-chrome-stable;修改后需执行 Developer: Reload Window 生效。

Live Server 的 liveServer.settings.CustomBrowser 怎么填才有效
这个配置项只对“Open with Live Server”右键动作起作用,不是全局默认浏览器开关。填错值会导致点击后无反应或弹出错误提示。
- Windows 下推荐填
chrome(小写),前提是 Chrome 已安装且chrome.exe在系统 PATH 中;填完整路径更稳妥:C:/Program Files/Google/Chrome/Application/chrome.exe - macOS 填
google-chrome需先通过brew install --cask google-chrome安装并注册命令行工具;否则直接填/Applications/Google Chrome.app/Contents/MacOS/Google Chrome - Linux 常用
google-chrome-stable或/usr/bin/google-chrome-stable;注意别漏掉-stable后缀,否则可能找不到进程 - 填完必须保存设置,并执行
Developer: Reload Window(Ctrl+Shift+P 输入该命令)才能生效,仅改 settings.json 不重启窗口是无效的
为什么右键“Open in Default Browser”还是打开 Edge 而不是 Chrome
这个菜单项不读 VSCode 设置,也不查插件配置,它调用的是操作系统级命令(start / open / xdg-open),完全取决于系统协议默认设置。
- Windows:进「设置 → 应用 → 默认应用 → 按协议指定默认应用」,把
http和https都设为 Chrome;光设“Web 浏览器”不够,必须设协议 - macOS:系统设置 → 桌面与程序坞 → 默认网页浏览器,选 Chrome;若仍无效,终端运行:
defaults write com.apple.LaunchServices LSHandlers -array-add '{LSHandlerContentType=public.html;LSHandlerRoleAll=com.google.Chrome;}' - Linux:用
xdg-settings set default-web-browser google-chrome.desktop(注意是 .desktop 文件名,不是可执行文件名) - 别在
open-in-browser.default里填system试图“走系统默认”——这个字段根本没这语义,填了等于没填
launch.json 调试模式下怎么指定 Chrome 启动 HTML
这是唯一能绕过系统默认、强制用特定浏览器打开 file:// 路径的方式,适合调试单页 HTML 而不想起服务器。
- 确保已安装 Chrome Debug Adapter 扩展(官方叫
Debugger for Chrome,但新版已整合进 VS Code,通常无需额外装) - 在项目根目录建
.vscode/launch.json,内容如下:
{
"version": "0.2.0",
"configurations": [
{
"name": "Open index.html in Chrome",
"type": "pwa-chrome",
"request": "launch",
"file": "${workspaceFolder}/index.html",
"runtimeExecutable": "chrome"
}
]
}
-
file字段必须是真实存在的本地路径,不能是相对路径如./index.html;${relativeFile}在 launch.json 中不可用 - 如果想用 Edge,把
type改成pwa-msedge,runtimeExecutable改成msedge;Firefox 需额外装插件且启用远程调试 - 启动方式必须是 F5 或「运行 → 启动调试」,右键菜单里的任何选项都不会触发这个配置
Open in Browser 插件打不开 HTML,常见路径陷阱
插件本身不报错,但浏览器跳转到 file:///C:/undefined 或显示 ERR_FILE_NOT_FOUND,基本都是路径解析失败。
立即学习“前端免费学习笔记(深入)”;
- 文件必须已保存(有真实磁盘路径),未保存的
Untitled-1不会生成有效file://地址 - 右下角状态栏语言模式必须是
HTML,不是Plain Text或Markdown;点状态栏手动切换 - 工作区必须以文件夹形式打开(File → Open Folder),拖单个 HTML 文件进 VS Code,插件可能无法获取
${workspaceFolder} - 路径含中文或空格一般不影响,但某些企业版 Chrome 或沙盒策略会拦截
file://协议,表现为白屏无报错;此时换用 Live Server 更可靠
open-in-browser.default 不影响系统协议绑定,launch.json 只响应 F5。每个入口背后是不同机制,混着改只会互相覆盖。


















