首先安装VS Code并创建或打开.html文件，接着编写HTML代码，推荐安装Live Server插件，右键选择“Open with Live Server”即可在浏览器中实时预览，修改后自动刷新，若不使用插件可手动在资源管理器中双击文件用默认浏览器打开。
在 Visual Studio Code（简称 VS Code）中运行 HTML 文件非常简单，只需几个步骤即可快速预览网页效果。以下是详细操作指南：
如果还未安装，请先前往官网 code.visualstudio.com 下载并安装 VS Code。
启动 VS Code 后，执行以下任一操作：
在文件中输入基础 HTML 结构，例如：
手动刷新太麻烦？使用 Live Server 可实现自动刷新预览：
安装完成后：
此后，每次修改代码并保存，浏览器会自动刷新，实时查看效果。
如果不安装插件，也可以：
但这种方式不会自动刷新，需手动重新加载页面。
基本上就这些。配置一次 Live Server，之后写前端代码会轻松很多。不复杂但容易忽略细节，比如文件后缀和插件启用状态。确保文件保存为 .html 格式，并确认插件已启用。基本上就这些。