怎么更改vscode打开的浏览器

fiy 其他 60

回复

共3条回复 我来回复
  • worktile的头像
    worktile
    Worktile官方账号
    评论

    要更改VSCode打开的浏览器,可以按照以下步骤进行操作:

    1. 打开VSCode,然后点击左侧导航栏中的”文件”选项。

    2. 选择”首选项”,然后再选择”设置”,或直接使用快捷键Ctrl + ,打开设置界面。

    3. 在搜索框中输入”默认浏览器”,会显示出”Workbench › Web”下的相关选项。

    4. 找到”Workbench › Web: Preferred Default Browser”选项,点击下方的编辑按钮。

    5. 在弹出的对话框中,选择你想要作为默认浏览器的应用程序。如果你想使用系统默认的浏览器,可以选择”default”选项。

    6. 选择完毕后,点击”确定”按钮保存设置。

    此时,VSCode将使用你选择的浏览器作为默认浏览器打开链接。

    需要注意的是,如果你选择了特定的浏览器应用程序,确保该浏览器已经安装在你的计算机上,并且能够正常工作。另外,有些浏览器可能需要自行配置相关的环境变量才能够被VSCode正确识别。

    以上就是如何更改VSCode打开的浏览器的方法,希望对你有帮助!

    2年前 0条评论
  • 不及物动词的头像
    不及物动词
    这个人很懒,什么都没有留下~
    评论

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

    1. 打开VSCode,点击左侧的扩展图标(四个正方形排列在一起的图标)。
    2. 在搜索框中输入 “HTML” 并选择 “HTML CSS Support” 扩展。
    3. 点击 “安装” 按钮并等待安装完成。
    4. 安装完成后,在VSCode左侧导航栏中,找到并点击 “扩展” 图标。
    5. 在 “已安装的扩展” 标签下,找到 “HTML CSS Support” 并点击 “激活”。
    6. 点击 “设置” 图标(齿轮图标)或者使用快捷键 Ctrl + ,进入VSCode的设置。
    7. 在搜索框中输入 “HTML CSS Support” 并点击 “Edit in settings.json”。
    8. 在打开的 “settings.json” 文件中,找到 “html-css.supportedBrowsers” 配置。
    9. 在这个配置项中,你可以设置默认的浏览器。你可以输入浏览器的名称(例如 “chrome”、”firefox” 或者 “edge”)或者浏览器的可执行文件路径。
    10. 保存并关闭 “settings.json” 文件。

    从现在开始,当你在VSCode中打开HTML文件并点击右键选择 “Open With Live Server”,文件将会在你设置的浏览器中打开。

    另外,如果你不想安装额外的扩展,你也可以通过以下方法更改VSCode中打开的浏览器:

    1. 打开VSCode,点击左上角的 “文件” 菜单。
    2. 选择 “首选项”,然后选择 “设置”。
    3. 在搜索框中输入 “default browser”。
    4. 在 “webview.defaultBrowser” 配置中选择你想要的浏览器。
    5. 关闭设置页面,重新打开HTML文件,它将在你选择的浏览器中打开。

    这些方法都可以帮助你更改VSCode中默认打开的浏览器,方便你进行Web开发和调试工作。

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

    要更改VSCode打开的浏览器,你可以按照以下步骤进行操作:

    Step 1: 安装VSCode

    首先,确保你已经安装了VSCode编辑器。你可以从官方网站https://code.visualstudio.com/ 下载并安装适合你操作系统的版本。

    Step 2: 安装VSCode插件

    VSCode提供了许多插件来增强其功能。为了更改浏览器,你需要安装一个名为”Browser-Sync”的插件。在VSCode的扩展栏中搜索并安装该插件。

    Step 3: 配置默认浏览器

    在VSCode的设置中,你需要配置默认浏览器。打开VSCode并点击左侧的”文件”菜单,在下拉菜单中选择”首选项”,然后选择”设置”。

    在设置页面中,可以看到左侧的搜索框。在搜索框中输入”Browser”,然后切换到”扩展”下方的”Browser-Sync”选项,点击”编辑设置.json”按钮。

    编辑设置文件时,可以看到两个框架,一个是”User Settings”,另一个是”Workspace Settings”。你可以在这两个框架中进行修改。

    在”User Settings”中,你可以为整个用户配置默认浏览器。在”Workspace Settings”中,你可以为当前项目配置默认浏览器。选择你想要修改的框架,然后在大括号内添加以下代码:

    “`json
    “browserSync.browser”: “chrome”
    “`

    将上面代码中的”chrome”替换为你想要设置为默认浏览器的名称,比如”firefox”或”edge”。

    Step 4: 启用Browser-Sync

    现在,你已经配置了默认浏览器,接下来启用Browser-Sync插件。在VSCode的底部状态栏找到插件栏,点击插件栏中的”Browser-Sync”按钮。

    这将启动Browser-Sync插件,并在浏览器中打开我们之前配置的默认浏览器。现在,你可以在VSCode中编辑代码,并在浏览器中实时预览更改。

    Step 5: 更改浏览器

    如果你想临时更改浏览器,可以在VSCode底部状态栏的插件栏中点击插件栏中的”Browser-Sync”按钮。这将弹出一个浏览器选择框,你可以在其中选择要在浏览器中打开的浏览器。

    总结

    通过以上步骤,你可以更改VSCode打开的浏览器。首先安装VSCode,然后安装”Browser-Sync”插件。在设置中配置默认浏览器,并在插件栏中启用Browser-Sync插件。这样,你就可以在VSCode中实时预览代码更改了。

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

400-800-1024

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

分享本页
返回顶部