首先安装Live Server扩展，然后在设置中配置默认浏览器路径，接着右键HTML文件选择“Open with Live Server”即可在指定浏览器中实时预览页面。
VSCode 默认不会直接运行 HTML 文件，但你可以通过配置任务和设置默认浏览器来实现用指定浏览器打开 HTML 文件。以下是自定义在 VSCode 中使用特定浏览器运行 HTML 的详细步骤。
1. 安装并启用 Live Server 扩展
最常用的方式是使用 Live Server 插件，它能启动本地服务器并在浏览器中实时预览 HTML 页面。
- 打开 VSCode，点击左侧活动栏的扩展图标（或按 Ctrl+Shift+X）
- 搜索 Live Server
- 找到由 Ritwick Dey 开发的 "Live Server" 并点击安装
- 安装完成后重启 VSCode（一般不需要）
2. 配置默认打开浏览器
Live Server 支持自定义在哪个浏览器中打开页面。你需要修改 VSCode 的设置。
- 打开设置：点击左下角齿轮图标 → 选择“设置”，或按 Ctrl+,
- 在搜索框中输入 live server settings
- 找到 Live Server > Settings: Custom Browser
- 点击下拉菜单，选择你想要的浏览器，例如 Chrome、Firefox、Edge 等
如果你的浏览器不在列表中，也可以手动指定路径：
立即学习“前端免费学习笔记（深入）”；
- 在 settings.json 中添加配置：
"liveServer.settings.CustomBrowser": "C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe"
3. 使用 Live Server 启动 HTML 页面
配置完成后，就可以用自定义浏览器打开 HTML 文件。
- 在资源管理器中右键点击你的 HTML 文件
- 选择 Open with Live Server
- 页面将在你设置的默认浏览器中自动打开，并支持热重载（保存即刷新）
4. （可选）通过快捷方式快速启动
你可以为“Open with Live Server”设置快捷键：
- 打开命令面板：Ctrl+Shift+P
- 输入 Preferences: Open Keyboard Shortcuts (JSON)
- 添加如下配置：
"key": "ctrl+alt+h",
"command": "extension.liveServer.goOnline",
"when": "editorTextFocus"
}
之后按快捷键即可启动 Live Server。
基本上就这些。配置一次后，每次写 HTML 都能自动在你喜欢的浏览器中预览，提升开发效率。
