VScode中如何更换浏览器显示

不及物动词 其他 213

回复

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

    在VScode中,可以通过以下步骤更换默认的浏览器显示:

    1. 打开VScode,并进入所需修改浏览器显示的项目。
    2. 点击左上角的“File”选项,选择“Preferences”>“Settings”。
    3. 在设置页面的搜索栏中输入“default browser”来搜索相关设置项。
    4. 在搜索结果中找到“Live Server > Custom Browser”,点击“Edit in settings.json”来编辑设置文件。
    5. 在设置文件中,找到“liveServer.settings.CustomBrowser”选项,并设置需要使用的浏览器路径。
    例如,对于Google Chrome浏览器,在键”liveServer.settings.CustomBrowser”后面加入以下代码:
    “C:/Program Files/Google/Chrome/Application/chrome.exe”
    6. 保存设置文件,并重启VScode。
    7. 重新打开所需修改浏览器显示的项目,在右下角的状态栏中,点击“Go Live”启动Live Server。
    8. Live Server将使用之前设置的浏览器路径来显示项目页面。

    通过以上步骤,可以在VScode中更换默认的浏览器显示。请注意,确保设置的浏览器路径正确,并且该浏览器已经安装在计算机中。

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

    在VSCode中,可以通过以下步骤更换默认浏览器显示:

    1. 打开VSCode,点击左侧侧边栏最底部的扩展按钮(或按下`Ctrl+Shift+X`快捷键),打开扩展面板。

    2. 在扩展面板的搜索框中输入“Live Server”,并找到并安装“Live Server”扩展。

    3. 安装完毕后,点击VSCode左下角的状态栏,找到“Go Live”按钮,点击开始运行。

    4. 默认情况下,Live Server会在默认浏览器中打开网页。如果需要更换浏览器显示,可以进行以下操作:

    – 在VSCode的菜单栏中选择“文件”,然后选择“首选项”,再选择“设置”打开设置面板。

    – 在搜索框中输入“liveServer.settings.customBrowser”来搜索浏览器设置。

    – 在搜索结果中,可以看到“Live Server: Settings: Custom Browser”选项,点击右侧的“编辑”按钮。

    – 在弹出的编辑器中,可以输入你想要的浏览器名称或路径。例如,如果你想要使用Chrome浏览器,可以输入“chrome”或指定Chrome浏览器的路径。

    – 保存设置后,再次点击“Go Live”按钮时,Live Server将在你指定的浏览器中打开网页。

    通过以上步骤,你可以更换VSCode中Live Server插件使用的默认浏览器来显示网页。

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

    在VScode中更换浏览器显示,可以通过以下步骤进行操作:

    1. 安装插件:打开VScode编辑器,点击左侧菜单栏中的扩展图标(或使用快捷键Ctrl+Shift+X),在搜索框中输入”Live Server”,找到并点击安装该插件。

    2. 设置默认浏览器:点击左下角的设置图标,选择“Setting”菜单(或使用快捷键Ctrl+,),在搜索框中输入”liveServer.settings”,找到并点击“Edit in settings.json”。

    3. 配置默认浏览器:在打开的settings.json文件中,找到”liveServer.settings.AdvanceCustomBrowserCommand”,点击“在settings.json中编辑”按钮,将默认值修改为你想要使用的浏览器的路径。

    例如,对于Google Chrome浏览器,可以将配置修改为:”liveServer.settings.AdvanceCustomBrowserCommand”: “chrome”。

    如果你的浏览器不在系统的PATH环境变量中(一般情况下都会有),也可以直接指定浏览器的绝对路径。例如,对于Google Chrome浏览器,可以将配置修改为:”liveServer.settings.AdvanceCustomBrowserCommand”: “C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe”。

    4. 启动Live Server:在VScode编辑器中,找到你想要在浏览器中显示的HTML文件,右键点击该文件,在右键菜单中选择“Open with Live Server”。

    Live Server会自动在默认浏览器中打开该HTML文件,并且在修改文件后自动刷新浏览器显示。

    此外,如果想要临时更换浏览器,可以直接在VScode编辑器中按住Ctrl键并点击HTML文件,在弹出的菜单中选择所需浏览器来预览HTML文件。

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

400-800-1024

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

分享本页
返回顶部