vscode如何设置默认打开浏览器

worktile 其他 39

回复

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

    VS Code可以通过设置来指定默认打开的浏览器。下面是设置默认浏览器的步骤:

    1. 打开 VS Code。

    2. 点击左侧的扩展图标(类似于方块的图标),或者按下 `Ctrl + Shift + X`(Windows)或 `Cmd + Shift + X`(Mac)快捷键。

    3. 在扩展面板的搜索框中输入 `settings`,然后选择 `Preferences: Open Settings (JSON)`。

    4. 在设置文件中,找到 `”workbench.startupEditor”: “welcomePage”` 这一行,点击旁边的笔图标进行编辑。

    5. 将该行修改为 `”workbench.startupEditor”: “newUntitledFile”`,然后保存文件。

    6. 打开终端(按下 `Ctrl + ` `键(` 或者 `View > Terminal`),安装 `vscode-open-in-browser` 扩展,运行命令 `npm install -g vscode-open-in-browser`。

    7. 再次打开 VS Code 的终端,运行命令 `open-browser`。

    8. 安装成功后,点击菜单栏的 `文件 > 首选项 > 设置`,在搜索框中输入 `openInBrowser.defaultBrowser`。

    9. 点击 `编辑 in settings.json` ,在设置文件中加入以下代码:
    “`
    “openInBrowser.defaultBrowser”: “chrome” //或其他你想使用的浏览器,如:firefox、safari等
    “`

    10. 保存设置文件后,关闭并重新打开 VS Code。

    从此以后,当你点击“打开浏览器”按钮时,VS Code 将使用你指定的默认浏览器来打开网页。

    希望以上内容对你有所帮助!

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

    VS Code 是一款强大的代码编辑器,它内置了许多方便的功能,包括在代码中调试和运行网页。但是,默认情况下,VS Code 不会自动打开浏览器来预览你的网页。不过,你可以通过一些设置来让 VS Code 默认打开浏览器,从而在编辑器中预览你的网页。

    以下是具体的设置步骤:

    1. 首先,打开 VS Code,并确保你已经安装了最新版本的 VS Code。

    2. 然后,点击左侧的扩展图标(或使用快捷键 Ctrl+Shift+X),在扩展面板中搜索并安装 “Open in Default Browser” 扩展。这个扩展可以让 VS Code 自动打开默认浏览器来预览网页。

    3. 安装完毕后,重新启动 VS Code。

    4. 接下来,打开一个 HTML 文件,在编辑器中右键点击,选择 “Open in Default Browser”。这个选项会在默认浏览器中打开你的 HTML 文件,并且会自动刷新。

    5. 如果你想要在 VS Code 中预览网页的过程更加自动化和方便,可以进一步配置 VS Code。

    – 首先,点击左上角的文件菜单,在下拉菜单中选择 “首选项”,然后选择 “设置”。
    – 在设置面板中,搜索 “open in browser”。
    – 找到 “Open in Browser: Default Browser” 设置项,点击右侧的铅笔图标来编辑该项。
    – 在弹出框中,选择你希望用作默认浏览器的应用程序。例如,你可以选择 Chrome、Firefox、Edge 等。
    – 保存设置后,VS Code 将会使用你选择的浏览器来打开网页。

    通过以上设置,你可以让 VS Code 默认打开浏览器来预览网页,并且可以自动刷新。这样,你就可以更加方便地检查和调试你的网页代码了。

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

    VSCode是一款强大的代码编辑器,可以通过一些简单的设置来实现默认打开浏览器。以下是具体的操作流程:

    1. 打开VSCode,点击左侧的扩展商店按钮(四个方块图标),搜索并安装名为“Browser Preview”的插件。

    2. 安装完插件后,点击左下角的齿轮图标,进入“首选项”菜单,选择“设置”。

    3. 在设置页面的搜索框中键入“browser preview”,找到“Browser Preview: Custom Browser”选项。

    4. 点击“编辑 in setting.json”按钮,进入“settings.json”文件编辑页面。

    5. 在“settings.json”文件中找到“Browser Preview: Custom Browser”选项,并设置浏览器的可执行文件路径。

    “`
    {
    “Browser Preview: Custom Browser”: “C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe”
    }
    “`

    6. 将上述路径中的示例修改为你本地安装的浏览器的可执行文件路径。

    7. 设置完成后,保存文件并关闭窗口。

    8. 最后,在VSCode中打开一个HTML文件,点击右上角的“预览”按钮,即可默认打开设置的浏览器。

    通过以上步骤,你已经成功设置了默认打开浏览器的操作。这样,在VSCode中编写HTML文件后,就可以直接通过预览按钮在设置的浏览器中查看效果了。

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

400-800-1024

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

分享本页
返回顶部