怎么通过vs code在浏览器查看 html 文件？

在 Visual Studio Code (VS Code) 中预览 HTML 文件的步骤如下：

1. 安装 Live Server 插件

   • 打开 VS Code。
   • 转到侧边栏的“扩展”选项（或使用快捷键 Ctrl+Shift+X）。
   • 在搜索框中输入“Live Server”并找到它。
   • 点击安装。

2. 使用 Live Server 打开 HTML 文件

   • 确保你的 HTML 文件已经保存在 VS Code 中。
   • 右键点击编辑器中的 HTML 文件标签页或在编辑器内空白处右键点击并选择“Open with Live Server”。
   • 这将自动打开你的默认浏览器，并显示该 HTML 文件的内容。当你对 HTML 文件进行修改并保存时，页面会自动刷新以显示最新内容。

3. 手动在浏览器中打开

   • 如果不使用 Live Server，你可以简单地找到 HTML 文件在你的计算机中的位置。
   • 双击文件或右键点击文件并选择“打开方式”，然后选择一个浏览器。
   • 这种方式不会自动刷新，每次文件更新后，你需要手动在浏览器中刷新页面来查看改动。

使用 Live Server 的优点是能够实时看到更改，非常适合进行网页开发时的即时反馈和测试。