怎么设置vscode打开的浏览器

不及物动词 其他 43

回复

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

    在VSCode中设置打开的浏览器需要按照以下步骤进行操作:

    1. 打开VSCode编辑器。

    2. 点击左侧的扩展按钮(或按下Ctrl+Shift+X),在搜索栏中输入”Live Server”并安装该扩展。

    3. 安装完扩展后,点击VSCode顶部菜单栏中的”文件”,选择”首选项”,再选择”设置”。

    4. 在搜索栏中输入”liveServer.settings.AdvanceCustomBrowserCmdLine”,然后点击”编辑 in settings.json”。

    5. 在settings.json文件中找到”liveServer.settings.AdvanceCustomBrowserCmdLine”的值,将其更改为你想要的浏览器的路径。

    6. 保存文件。

    现在,当你使用Live Server来运行网页时,VSCode将使用你所设置的浏览器来打开。

    需要注意的是,在设置浏览器的路径时,不同操作系统的路径可能有差异。下面是一些常见的浏览器路径示例:

    – Chrome:Windows: “C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe” Mac: “/Applications/Google Chrome.app/Contents/MacOS/Google Chrome” Linux: “/usr/bin/google-chrome”

    – Firefox:Windows: “C:\\Program Files\\Mozilla Firefox\\firefox.exe” Mac: “/Applications/Firefox.app/Contents/MacOS/firefox-bin” Linux: “/usr/bin/firefox”

    – Edge:Windows: “C:\\Program Files (x86)\\Microsoft\\Edge\\Application\\msedge.exe” Mac: “/Applications/Microsoft Edge.app/Contents/MacOS/Microsoft Edge” Linux: “/usr/bin/microsoft-edge”

    你可以根据自己安装的浏览器版本和所使用的操作系统来设置相应的路径。

    以上就是在VSCode中设置打开的浏览器的方法,希望对你有帮助!

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

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

    1. 打开VSCode,点击左侧的扩展图标(四个方框),搜索框输入”Live Server”,然后点击安装并启用该插件。
    2. 在VSCode的顶部菜单栏中选择“文件”>“首选项”>“设置”或使用快捷键“Ctrl+,”来打开设置面板。
    3. 在设置面板中,点击左上角的打开设置图标(类似于花括号的图标)打开”settings.json”文件。
    4. 在”settings.json”文件中,添加以下代码:

    “`json
    “liveServer.Settings.AdvanceCustomBrowserCmdLine”: “浏览器路径”
    “`

    其中,”浏览器路径”是你要设置的默认浏览器的可执行文件路径。例如,如果你要设置Chrome为默认浏览器,你可以输入以下路径:

    – 在Windows上:`”C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe”`
    – 在macOS上:`”/Applications/Google Chrome.app/Contents/MacOS/Google Chrome”`
    – 在Linux上:`”/usr/bin/google-chrome”`

    5. 保存并关闭”settings.json”文件。重新启动VSCode并打开一个HTML文件,然后右键点击文件,在弹出的上下文菜单中选择“Open with Live Server”。
    6. Live Server将会自动打开设置的默认浏览器,并在浏览器中显示HTML文件。

    以上是在VSCode中设置默认打开浏览器的方法,通过这个设置,可以方便快捷地在浏览器中预览并调试HTML文件。

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

    设置 VS Code 打开的浏览器,可以实现通过点击链接或者预览页面等方式,在 VS Code 中轻松打开网页。以下是具体的操作流程:

    1. 打开 VS Code,并在左侧的侧边栏中选择 “扩展” 图标,或者使用快捷键 `Ctrl+Shift+X` 打开扩展视图。

    2. 在扩展视图中,搜索框中输入关键字 “open in browser”,并在搜索结果中选择 “Open in Browser” 扩展。

    3. 点击 “安装” 按钮,并等待安装完成。

    4. 安装完成后,点击 “启用” 按钮,然后点击 “重新加载” 按钮,以使扩展生效。

    5. 设置默认浏览器:
    – 在菜单栏中选择 “文件” -> “首选项” -> “设置”,或者使用快捷键 `Ctrl+,` 打开用户设置页面。
    – 在搜索框中输入关键字 “openinbrowser.defaultBrowser”,然后点击 “编辑 in settings.json” 链接。
    – 在 “settings.json” 文件中,找到 “openinbrowser.defaultBrowser” 设置项,并点击其右侧的“编辑”图标。
    – 在弹出的选择列表中,选择要作为默认浏览器的选项。如果没有选择列表,请输入浏览器的完整路径。
    – 保存文件,关闭设置页面。

    6. 打开网页:
    – 在编辑器中,选择一个需要打开的链接(可以是 HTML 文件中的链接,或者是代码中包含 URL 的字符串)。
    – 使用快捷键 `Ctrl+Alt+V`,或者右键点击链接 -> “Open in Browser” 进行打开。
    – 如果没有选择链接,也可以使用快捷键 `Ctrl+Shift+B` 预览页面。

    7. 其他设置选项:
    – “openinbrowser.overrideLinks”:可以通过设置为 true 或 false,决定是否强制在 VS Code 中打开超链接。
    – “openinbrowser.showNotifications”:可以通过设置为 true 或 false,决定是否显示浏览器打开通知。

    通过以上操作,你可以设置 VS Code 打开的默认浏览器,并且方便地在编辑器中打开链接或预览页面。如果需要修改默认浏览器,只需按照上述步骤重新设置即可。

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

400-800-1024

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

分享本页
返回顶部