一、安装live server扩展可实现自动刷新预览；二、直接右键html文件用浏览器打开；三、通过配置tasks.json任务运行文件。
如果您编写了 HTML 文件并希望在浏览器中查看其效果，但不知道如何在 Visual Studio Code 中运行，可以通过以下几种方式快速预览页面内容：
一、使用 Live Server 扩展
Live Server 是一个流行的 VS Code 插件，能够启动本地开发服务器并实时刷新页面，适合前端开发调试。
1、打开 VS Code，点击左侧扩展图标（或按下 Ctrl+Shift+X）进入扩展市场。
2、搜索 Live Server 并安装由 Ritwick Dey 开发的官方版本。
立即学习“前端免费学习笔记（深入）”；
3、安装完成后，在 HTML 文件中右键单击编辑器空白处，选择“Open with Live Server”。
4、默认浏览器将自动打开并显示当前页面，且代码修改后页面会自动刷新。
二、直接在浏览器中打开 HTML 文件
此方法无需额外插件，适用于简单静态页面的快速预览。
1、在 VS Code 中完成 HTML 文件编写后，保存文件（建议使用 .html 后缀）。
2、找到该文件所在的目录，右键点击文件并选择“打开方式”，选择已安装的浏览器（如 Chrome 或 Edge）。
3、或者直接将文件拖拽到浏览器窗口中，即可加载并显示页面内容。
三、配置任务运行 HTML 预览
通过自定义任务，可以在 VS Code 内部调用系统默认程序打开 HTML 文件。
1、在菜单栏选择“终端” > “配置任务”，创建一个新的任务配置文件 tasks.json。
2、添加一个任务，命令为打开文件的指令，例如在 Windows 上可使用：start ${workspaceFolder}/index.html。
3、保存配置后，按下 Ctrl+Shift+P 打开命令面板，输入“运行任务”，选择对应的任务执行。
4、系统将使用默认浏览器加载指定的 HTML 文件。
