控制台执行live-server时如何打开VS Code设置的默认Chrome浏览器

开发者阿泽

2026-9-27

问题原因

你在VS Code中配置的liveServer.settings.CustomBrowser属于VS Code Live Server扩展的专属配置，仅对扩展右键启动的逻辑生效。控制台运行的live-server是独立的npm包，默认读取自身的配置体系，和VS Code的扩展配置不互通，因此会调用系统全局默认浏览器。

解决方案

方案1：临时指定浏览器启动
控制台运行命令时增加参数即可：
```
live-server --browser=chrome
```
若需要频繁启动，可在项目package.json的scripts字段中添加配置：
```
{
  "scripts": {
    "start": "live-server --browser=chrome"
  }
}
```
后续直接运行npm start即可启动并打开Chrome。
方案2：全局永久配置默认浏览器
在当前系统用户根目录下新建.live-server.json文件，写入以下内容：
```
{
  "browser": "chrome"
}
```
配置保存后，全局任意位置调用live-server命令都会默认打开Chrome。
方案3：单项目单独配置默认浏览器
若仅需要当前项目生效，将上述.live-server.json文件放在项目根目录即可，项目级配置优先级高于全局配置。