vs code没有内置浏览器,所谓“内置”实为调用系统默认浏览器;需先设置系统级默认浏览器(如chrome),再配置live server插件的custombrowser路径或使用命令行指定。

VS Code 内置浏览器打不开,其实是没配对浏览器
VS Code 本身不带浏览器,所谓“内置浏览器”只是指它调用系统默认浏览器打开 HTML 文件。如果你双击 index.html 或按 Ctrl+Click 预览时跳到了 Edge、Safari 或其他浏览器,不是 VS Code 锁死了某个浏览器,而是它在用系统默认设置。
修改默认浏览器要分两步:改系统级默认 + 改 VS Code 插件行为
很多用户只改了 VS Code 的设置,结果还是跳转失败——因为底层依赖系统注册表(Windows)或 open 命令(macOS/Linux)。Chrome 必须先被系统识别为可执行的默认浏览器,VS Code 才能顺利唤起它。
- Windows:进「设置 > 应用 > 默认应用 > Web 浏览器」,选
Google Chrome - macOS:进「系统设置 > 通用 > 默认网页浏览器」,选
Google Chrome - Linux(GNOME):运行
xdg-settings set default-web-browser google-chrome.desktop
改完后重启 VS Code,再试一次右键「Open with Live Server」或直接双击 HTML 文件。
Live Server 插件默认用系统浏览器,但可以强制指定 Chrome 路径
如果你的系统默认浏览器不能改(比如公司锁定了 Edge),或者想确保每次预览都走 Chrome(哪怕它不是系统默认),就得动插件配置。Live Server 是最常用的预览插件,它的 liveServer.settings.CustomBrowser 可以绕过系统设置。
- 打开 VS Code 设置(
Ctrl+,),搜liveServer.settings.CustomBrowser - 设为
"chrome"(自动找系统安装路径)或"/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"(macOS 全路径) - Windows 路径示例:
"C:\Program Files\Google\Chrome\Application\chrome.exe"
注意:路径里反斜杠要双写,且必须指向可执行文件(不是快捷方式),否则会报错 spawn ENOENT。
用命令行预览时,code --open-url 不支持指定浏览器
别试 code --open-url http://localhost:5500 加参数切浏览器——这个命令只转发 URL 给系统默认浏览器,不接受浏览器选择。真要命令行控制,得自己用 start chrome http://localhost:5500(Windows)或 open -a "Google Chrome" http://localhost:5500(macOS)。
VS Code 的核心逻辑很简单:它不做浏览器,只做“喊人开门”的那个动作。门开哪扇,取决于你让系统认谁是正门,以及你有没有给插件递一张写好地址的纸条。











