首先安装VS Code并创建或打开.html文件，接着编写HTML代码，推荐安装Live Server插件，右键选择“Open with Live Server”即可在浏览器中实时预览，修改后自动刷新，若不使用插件可手动在资源管理器中双击文件用默认浏览器打开。

在 Visual Studio Code（简称 VS Code）中运行 HTML 文件非常简单，只需几个步骤即可快速预览网页效果。以下是详细操作指南：

1. 安装 Visual Studio Code

如果还未安装，请先前往官网 code.visualstudio.com 下载并安装 VS Code。

2. 创建或打开 HTML 文件

启动 VS Code 后，执行以下任一操作：

• 点击“文件” → “打开文件”或“打开文件夹”，选择已有 HTML 项目
• 新建一个文件，保存为 index.html 或其他以 .html 结尾的名称

3. 编写简单的 HTML 代码（可选）

在文件中输入基础 HTML 结构，例如：

4. 安装 Live Server 插件（推荐）

手动刷新太麻烦？使用 Live Server 可实现自动刷新预览：

• 点击左侧扩展图标（方块形状）
• 搜索 “Live Server”
• 找到由 Ritwick Dey 开发的插件，点击“安装”

5. 使用 Live Server 运行 HTML

安装完成后：

• 右键点击编辑器中的 HTML 文件
• 选择 “Open with Live Server”
• 浏览器将自动打开，显示你的网页内容

此后，每次修改代码并保存，浏览器会自动刷新，实时查看效果。

6. 手动打开 HTML（无插件方法）

如果不安装插件，也可以：

• 在 VS Code 中右键 HTML 文件
• 选择“在资源管理器中显示”
• 找到该文件，双击用默认浏览器打开

但这种方式不会自动刷新，需手动重新加载页面。

基本上就这些。配置一次 Live Server，之后写前端代码会轻松很多。不复杂但容易忽略细节，比如文件后缀和插件启用状态。确保文件保存为 .html 格式，并确认插件已启用。基本上就这些。