1. VS Code简介
VS Code是一个强大的跨平台的代码编辑器，支持多种语言的编写和调试。它提供了许多实用的功能，如代码高亮、智能代码补全、代码片段、调试等，而且其插件系统也让其功能更加强大，支持开发者扩展自己需要的功能。在前端开发中，使用VS Code进行开发非常便捷。
2. 编译运行HTML文件的方式
2.1 安装Live Server插件
在VS Code的插件市场中搜索"Live Server"插件，安装并启用它。这个插件可以让我们在本地浏览器中查看我们的网页，并且在代码改变后，会自动刷新页面，大大提高了我们的开发效率。
Ctrl + Shift + X点击左上角"Extensions"按钮--输入Live Server--点击安装启用
2.2 打开HTML文件并运行
在VS Code中打开HTML文件，在编辑器的右下角可以看到"Go Live"按钮，点击该按钮即可在浏览器中打开该HTML文件。当我们的代码发生修改后，浏览器也会自动刷新来展现最新的代码。
右下角"Go Live"按钮先找到HTML文件--点击右手边"Go Live"按钮--用浏览器打开
3. VS Code编辑器中HTML文件的实时预览
在VS Code编辑器中，也可以实时预览我们的HTML文件。我们不需要任何插件，只需要打开HTML文件，然后使用"Open with Live Server"功能即可。这个功能可以在右键菜单中找到。
右键菜单--"Open with Live Server"找到HTML文件--右键菜单--"Open with Live Server"选项--用浏览器打开
4. 总结
通过以上两种方式，我们可以方便快捷地使用VS Code进行HTML文件的编译和运行。顺便提一下，如果你的HTML文件有CSS和JavaScript文件，可以同时打开它们，使用以上两种方式进行预览。