VSCode中使用 Live Server 扩展时设置默认浏览器

在 Visual Studio Code (VSCode) 中使用 Live Server 扩展时,你可以设置默认浏览器来打开你的项目。以下是设置默认浏览器的步骤:

  1. 安装 Live Server 扩展(如果还没有安装的话):

    • 打开 VSCode。
    • 转到扩展视图(快捷键 Ctrl+Shift+X 或通过左侧活动栏中的扩展图标)。
    • 搜索 "Live Server"。
    • 点击安装。
  2. 设置默认浏览器:

    • 打开 VSCode 的设置(可以通过点击左下角的齿轮图标,然后选择"设置",或者使用快捷键 Ctrl+,)。

    • 在搜索框中输入 live server 来过滤设置项。

    • 查找与 Live Server > Settings: Custom Browser 相关的设置。

    • 你可以直接在这里输入你想要使用的浏览器的路径。例如,如果你想要使用 Chrome 浏览器,你可以输入类似下面的路径:

      复制代码
      C:\Program Files\Google\Chrome\Application\chrome.exe

      或者,对于 macOS,可能是:

      复制代码
      /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome
    • 如果你不知道浏览器的确切路径,可以在命令行中使用相应的命令来找到它。例如,在 Windows 上,你可以使用 where chrome 命令;在 macOS 或 Linux 上,可以使用 which google-chromemdutil -s | grep Chrome

  3. 另一种方法是使用 Live Server 的自定义浏览器功能:

    • 在 VSCode 的资源管理器中右键点击你想要用 Live Server 打开的 HTML 文件。
    • 选择 "Open with Live Server"。
    • 第一次使用时,Live Server 可能会询问你是否要设置一个自定义浏览器。这时你可以选择一个已安装的浏览器作为默认浏览器。
  4. 使用 Live Server 命令面板设置:

    • Ctrl+Shift+P 打开命令面板。
    • 输入并选择 Live Server: Open With... 命令。
    • 从列表中选择一个浏览器或输入浏览器的完整路径。
相关推荐
csdn_aspnet1 天前
如何将 Cursor MCP 与 VS Code 连接
vscode·cursor·mcp·composio
●VON1 天前
鸿蒙 PC Markdown 编辑器图片粘贴:从系统剪贴板到标准相对链接
华为·编辑器·harmonyos·鸿蒙
●VON1 天前
鸿蒙 PC Markdown 编辑器外部修改检测:从文件指纹到冲突决策
华为·编辑器·harmonyos·鸿蒙
●VON1 天前
鸿蒙 PC Markdown 编辑器十兆级大文档保护模式
华为·编辑器·harmonyos·鸿蒙
●VON1 天前
鸿蒙 PC Markdown 编辑器三方冲突处理:本地缓冲区、磁盘版本与共同基线
网络·华为·编辑器·harmonyos·鸿蒙
●VON1 天前
鸿蒙 PC Markdown 编辑器搜索选项响应式布局:220 vp 侧栏中的完整中文控件
服务器·华为·编辑器·harmonyos·鸿蒙
梦想的颜色1 天前
2026 VibeCoding 工具链精选|IDE + 大模型成套组合推荐,按场景分级收录
ide·trae·ai 编程·vibecoding·国产海外 ai 编程方案·氛围编程成套配置·副业 ai 开发工具栈
小杨小杨、努力变强!1 天前
VS Code运行HBuilder X中的uni-app项目
vscode·uni-app·uni-app run
ShirleyWang0121 天前
Linux中Vim编辑器快速找到需要改的行
linux·编辑器·vim
紫_龙2 天前
window 维护多版本Android studio
android·ide·android studio