安装Live Server扩展后，通过命令面板输入“Live Server: Open with Live Server”即可运行HTML文件，支持默认浏览器打开及自动刷新功能。
在 Visual Studio Code（VSCode）中，直接通过命令面板运行 HTML 文件需要借助扩展或外部工具，因为 VSCode 本身不内置浏览器运行功能。以下是详细操作步骤，帮助你通过命令面板快速预览和运行 HTML 文件。
1. 安装 Live Server 扩展
最常用的方式是使用 Live Server 扩展，它可以启动一个本地开发服务器并实时刷新页面。
- 打开 VSCode，点击左侧活动栏的扩展图标（或按 Ctrl+Shift+X）
- 搜索 Live Server
- 找到由 Ritwick Dey 开发的 "Live Server"，点击安装
2. 使用命令面板启动 HTML 页面
安装完成后，可以通过命令面板快速启动服务器。
- 打开一个包含 HTML 文件的文件夹
- 打开命令面板：Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（Mac）
- 输入关键词：Live Server: Open with Live Server
- 选择该命令，Live Server 会自动启动，默认浏览器将打开你的 HTML 文件
3. 设置默认浏览器（可选）
如果你希望用特定浏览器打开，可以进行配置。
立即学习“前端免费学习笔记（深入）”；
- 打开命令面板，输入 Preferences: Open Settings (JSON)
- 在设置中添加如下配置：
支持的浏览器包括 chrome、firefox、edge 等。
4. 自动刷新功能
Live Server 支持热重载。当你保存 HTML、CSS 或 JavaScript 文件时，浏览器会自动刷新，提升开发效率。
- 编辑 HTML 文件并保存（Ctrl+S）
- 观察浏览器是否自动更新内容
基本上就这些。通过命令面板配合 Live Server，你可以快速运行和调试 HTML 页面，无需手动打开浏览器或搭建服务器环境。整个过程简单高效，适合前端初学者和日常开发使用。
