关于vscode设置:如何使用VS Code的“使用实时服务器打开”更改默认浏览器?

How to change default browser with VS Code's “open with live server”?

它默认为我的野生动物园,但想将其更改为Chrome。 我查看了首选项,但似乎没有选择。 有任何想法吗?


转到文件>首选项>设置

从默认用户设置中选择LiveServer Config

在其内部,单击liveServer.settings.CustomBrowser左侧的钢笔图标,然后选择chrome


  • 进入设置。快捷方式:在Mac上按住命令然后逗号。
  • 在顶部搜索栏中搜索:liveServer.settings.CustomBrowser
  • 您将看到:Live Server>设置:自定义浏览器
  • 在下拉菜单中,选择所需的浏览器,例如chrome或chrome:PrivateMode等。
  • 要么

  • 打开settings.json文件
  • 在下一行中键入或复制并粘贴以下内容:" liveServer.settings.CustomBrowser":" chrome"
  • 确保上一行代码后面有一个逗号。
  • 例如

    1
    2
    "editor.formatOnSave": true,
    "liveServer.settings.CustomBrowser":"chrome"


    这就是我在MacOS上所做的操作(您必须先做好准备,然后选择"配置扩展名设置")

    enter image description here


    您可以通过2个步骤进行操作:-
    1)在scripts部分下的package.json中,将键值创建为"devserver":"live-server --browser=Chrome"
    2)在终端运行npm run devserver
    这将在chrome中打开应用程序。


    在Mac上,通过VS Code菜单:

    代码>首选项>设置>在顶部的"搜索设置"框中键入browser


    如何在" liveServer"中自定义非传统浏览器?

  • 转到Files > Preferences > Settings并搜索.json,然后单击settings.json文件
  • 或按SHIFT + CTRL + P并选择Preferences: Open Settings (JSON)

  • 在JSON文件上写

  • "liveServer.settings.AdvanceCustomBrowserCmdLine":使用高级命令行设置任何喜欢的浏览器(例如:Chrome Canary,Firefox Nightly)。 (您可以指定自己喜欢的自定义浏览器的完整路径)。

    • 此设置将覆盖"CustomBrowser""ChromeDebuggingAttachment"设置。
    • 默认值为空
    • 例子:

      • chrome --incognito --headless --remote-debugging-port = 9222
      • C:\ Program Files \ Firefox开发人员版\ firefox.exe --private-window

    查看我的照片,或在GitHub上查看此链接以获取更多详细信息。

    Note: Either use "AdvanceCustomBrowserCmdLine" or "CustomBrowser". If
    you use both, "AdvanceCustomBrowserCmdLine" has higher priority.


    如果使用npm软件包在全局范围内安装了实时服务器,则可以通过在启动命令中传递浏览器选项,轻松地在所选浏览器上启动实时服务器:

    在终端上输入:live-server --browser=BROWSER_NAME
    例如:
    live-server --browser=firefox,
    live-server --browser=safari

    一些Macbook接受
    Google Chrome的live-server --browser='Google Chrome',而其他
    live-server --browser=google-chrome
    注意:对于Mac live-server --browser=chrome,将引发错误


    如果使用实时服务器扩展https://github.com/ritwickdey/vscode-live-server,则具有以下设置:

    liveServer.settings.CustomBrowser:

    To change your system's default
    browser. Default value is"Null" [String, not null]. (It will open
    your system's default browser.) Available Options : chrome
    chrome:PrivateMode firefox firefox:PrivateMode microsoft-edge