VSCode无法直接运行HTML，需通过浏览器预览。1. 安装Live Server插件，点击“Go Live”在浏览器实时预览并自动刷新。2. 手动右键文件“Reveal in File Explorer”后双击HTML文件用浏览器打开。3. 检查文件扩展名是否为.html，确保HTML结构完整且CSS/JS/图片等资源使用相对路径。4. 确认系统已设置默认浏览器，避免打开无反应。核心是依赖浏览器解析HTML，而非VSCode自身功能。

VSCode 本身是一个代码编辑器，不能直接“运行”HTML 文件，它不内置浏览器功能。如果你发现点击 HTML 文件没反应、页面打不开或显示空白，其实问题不在 VSCode，而是你没有通过浏览器正确打开文件。下面帮你一步步排查和解决。

1. 使用 Live Server 插件预览 HTML

最常用也最方便的方法是安装 Live Server 插件，它可以启动一个本地服务器，并在浏览器中实时预览你的网页。

• 打开 VSCode，点击左侧扩展图标（或按 Ctrl+Shift+X）
• 搜索 “Live Server” 并安装，作者是 Ritwick Dey
• 安装完成后，打开你的 HTML 文件
• 右下角会出现 “Go Live” 按钮，点击即可在默认浏览器中打开页面
• 修改代码后保存，页面会自动刷新

2. 手动用浏览器打开 HTML 文件

如果不装插件，也可以手动操作。

• 在 VSCode 中右键点击 HTML 文件
• 选择 “Reveal in File Explorer”（Windows）或 “Show in Finder”（Mac）
• 找到该文件，双击用浏览器打开
• 或者直接拖拽 HTML 文件到 Chrome/Firefox 等浏览器标签页中

3. 检查 HTML 文件路径和结构

即使打开了，如果页面空白，可能是代码或路径问题。

• 文件扩展名不是 .html（比如写成了 .txt）
• HTML 结构不完整，缺少 、 或 标签
• 引用的 CSS/JS 文件路径错误，导致内容加载失败
• 图片或资源路径写成绝对路径，换设备就打不开

建议使用相对路径，例如：

4. 确保默认浏览器已设置

有时候点“Open in Browser”却没反应，可能是因为系统没设置默认浏览器。

• Windows：设置 → 应用 → 默认应用 → Web 浏览器
• Mac：系统设置 → 桌面与程序坞 → 默认网页浏览器
• 确保已选择 Chrome、Edge 或 Firefox 等

基本上就这些。VSCode 跑不出 HTML 不是软件问题，而是缺少预览机制。装个 Live Server，99% 的问题都能解决。关键是让浏览器来解析 HTML，而不是指望编辑器直接显示效果。