vscode怎么设置打开的浏览器

worktile 其他 22

回复

共3条回复 我来回复
  • 不及物动词的头像
    不及物动词
    这个人很懒,什么都没有留下~
    评论

    在VSCode中,你可以通过以下步骤设置默认打开的浏览器:

    1. 打开VSCode,点击左侧导航栏最底部的齿轮图标,打开“设置”(或按下快捷键`Ctrl + ,`)。

    2. 在搜索框中输入“default browser”,然后点击“Workspace”下的“Edit in settings.json”。

    3. 在打开的`settings.json`文件中,在`”settings”`下添加以下代码:
    “`
    “html.suggest.html5”: true,
    “html.autoClosingTags”: true,
    “liveServer.settings.donotShowInfoMsg”: true,
    “liveServer.settings.customBrowser”: “chrome” // 默认打开的浏览器,可以将其修改为你想要的浏览器
    “`

    4. 保存文件,关闭VSCode。

    5. 重新打开VSCode,当你使用Live Server插件或者其他相关插件运行HTML文件时,就会默认使用你设置的浏览器打开。

    需要注意的是,上述方法是使用Live Server插件打开HTML文件时的设置,不同的插件可能有不同的设置方法,请根据使用的插件进行相应的设置。

    另外,如果你想要在VSCode中直接以浏览器模式预览HTML文件,而非使用插件,你可以按下`Ctrl + Shift + P`,输入“Open Preview”,选择“Open in Default Browser”来打开默认浏览器预览HTML文件。这种方式不需要插件支持,但每次打开都需要手动操作。

    2年前 0条评论
  • worktile的头像
    worktile
    Worktile官方账号
    评论

    Visual Studio Code(简称VS Code)是一款轻量级且功能强大的代码编辑器,可通过设置来配置默认打开的浏览器。下面是一些设置VS Code默认打开的浏览器的方法:

    1. 使用 “openInBrowser” 扩展:VS Code有很多第三方扩展可用于配置默认的浏览器。其中一个常用的扩展是 “openInBrowser”。要使用这个扩展,可以按下 `Ctrl+P`(或者在Mac上按下 `Cmd+P`)打开命令面板,然后输入 `ext install techer.open-in-browser` 并按回车键进行安装。安装完成后,按下 `Ctrl+Shift+P`(或者在Mac上按下 `Cmd+Shift+P`)打开命令面板,输入 “Open in Default Browser” 并按回车键,这样就会在默认浏览器中打开当前文件。

    2. 使用 “Settings” 配置:另一种配置默认浏览器的方法是使用VS Code的 “Settings”。首先,按下 `Ctrl+Shift+P`(或者在Mac上按下 `Cmd+Shift+P`)打开命令面板,输入 “Settings” 并按回车键,然后选择 “Preferences: Open Settings (JSON)”。在 “settings.json” 文件中,可以添加以下代码来配置默认浏览器:
    “`
    “browser-preview.defaultBrowser”: “chrome”
    “`
    将 “chrome” 替换为你想要设置的浏览器名称。

    3. 使用 “launch.json” 配置:如果你使用VS Code进行调试,可以使用 “launch.json” 文件来配置默认浏览器。首先,按下`Ctrl+Shift+P`(或者在Mac上按下 `Cmd+Shift+P`)打开命令面板,输入 “Debug: Open launch.json” 并按回车键。在 `launch.json` 文件中,找到 `”configurations”` 部分,并添加以下代码来配置默认浏览器:
    “`
    “configurations”: [
    {
    “type”: “chrome”,
    “request”: “launch”,
    “name”: “Launch Chrome”,
    “url”: “http://localhost:3000”, // 更改为你的项目URL
    “webRoot”: “${workspaceFolder}”
    }
    ]
    “`
    将 `”type”: “chrome”` 替换为你想要使用的浏览器类型,也可以根据需要配置其他调试选项。

    4. 使用环境变量设置:如果你通过终端运行VS Code并设置了环境变量,在终端中运行以下命令可以配置默认的浏览器:
    “`
    export BROWSER=”google-chrome” // 更改为你想要设置的浏览器名称
    code
    “`
    这样,在VS Code打开文件时,就会使用指定的浏览器进行预览。

    5. 使用编辑器的默认行为:在VS Code中,可以直接右键单击HTML、CSS和其他支持的文件,然后选择 “Open with Live Server” 或者 “Open in Default Browser” 选项来在默认浏览器中打开文件。这种方法非常方便且直观。

    这是一些设置VS Code默认打开的浏览器的方法,你可以根据个人偏好和需求选择合适的方法。

    2年前 0条评论
  • fiy的头像
    fiy
    Worktile&PingCode市场小伙伴
    评论

    VSCode是一款非常常用的代码编辑器,深受开发者喜爱。在编写Web开发项目时,经常需要在VSCode中进行代码编写和调试,并在浏览器中查看效果。那么,如何设置VSCode打开的浏览器呢?

    下面将为您详细介绍在Windows和Mac两个操作系统上的操作流程。

    一、Windows操作系统上的设置:

    1. 打开VSCode,点击左上角的“文件”菜单,选择“首选项”;
    2. 在下拉菜单中选择“设置”,或者使用快捷键Ctrl + ,打开“设置”面板;
    3. 在“设置”面板左上方的搜索栏中输入“browser”;
    4. 在搜索结果中,找到“default browser”选项,点击右侧下拉菜单,选择要设置的默认浏览器;
    5. 如果您的浏览器不在下拉菜单中显示,可以选择“自定义”选项,手动指定浏览器的安装路径。

    二、Mac操作系统上的设置:

    1. 打开VSCode,点击顶部菜单栏的“Code”菜单,选择“首选项”;
    2. 在下拉菜单中选择“设置”,或者使用快捷键Cmd + ,打开“设置”面板;
    3. 在“设置”面板左上方的搜索栏中输入“browser”;
    4. 在搜索结果中,找到“default browser”选项,点击右侧下拉菜单,选择要设置的默认浏览器;
    5. 如果您的浏览器不在下拉菜单中显示,可以选择“自定义”选项,手动指定浏览器的安装路径。

    设置完成后,每次在VSCode中点击运行或调试按钮时,将会在默认浏览器中打开您的项目。

    补充说明:上述方法只能设置默认浏览器,如果您想在不同的项目中使用不同的浏览器,可以使用VSCode的配置文件进行个性化设置。具体方法可以参考VSCode的文档或搜索相关资料。

    以上就是在VSCode中设置打开的浏览器的方法和操作流程。希望对您有所帮助!

    2年前 0条评论
注册PingCode 在线客服
站长微信
站长微信
电话联系

400-800-1024

工作日9:30-21:00在线

分享本页
返回顶部