安装VS Code并创建HTML文件后，推荐通过Ritwick Dey的Live Server插件右键选择“Open with Live Server”在浏览器中实时预览，也可手动双击文件用默认浏览器打开，确保文件以.html保存即可高效调试。
用 Visual Studio Code（简称 VS Code）运行 HTML 文件非常简单，不需要复杂的配置。下面介绍几种常见的方法，让你快速在浏览器中预览和调试 HTML 页面。
1. 安装 Visual Studio Code
如果你还没安装 VS Code，先去官网下载并安装：- 访问 https://www.php.cn/link/919431c2f78cb0f50e79937f6dccb356
- 根据你的操作系统（Windows、macOS、Linux）下载对应版本
- 安装完成后打开软件
2. 创建或打开 HTML 文件
你可以新建一个 HTML 文件：- 点击“文件” → “新建文件”
- 输入基础 HTML 代码，例如：
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <title>测试页面</title> </head> <body> <h1>Hello，世界！</h1> </body> </html>
- 保存文件，命名为
index.html（后缀必须是 .html）
3. 使用 Live Server 插件运行（推荐）
这是最方便的方式，支持实时刷新，修改代码后浏览器自动更新。- 在左侧扩展面板搜索 Live Server
- 找到由 Ritwick Dey 开发的插件，点击“安装”
- 安装完成后，回到你的 HTML 文件
- 右键编辑器中的代码，选择“Open with Live Server”
- 默认浏览器会打开
http://127.0.0.1:5500并显示页面
4. 手动在浏览器中打开 HTML 文件
如果不使用插件，也可以直接通过系统方式打开：- 在 VS Code 中保存 HTML 文件
- 进入文件资源管理器，找到该文件
- 双击 HTML 文件，会用默认浏览器打开预览
5. 使用 VS Code 内置命令（可选）
可以配置任务或快捷方式打开浏览器，但不如 Live Server 方便。推荐新手直接使用 Live Server 插件。基本上就这些。只要安装好 VS Code 和 Live Server，写完 HTML 点一下就能看效果，开发效率高很多。注意确保文件保存为 .html 格式，并且网络权限允许本地服务器运行。
