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 结构不完整，缺少 <html>、<body> 或 <head> 标签
- 引用的 CSS/JS 文件路径错误，导致内容加载失败
- 图片或资源路径写成绝对路径，换设备就打不开
建议使用相对路径，例如：<img src="./images/photo.jpg" alt="照片">
4. 确保默认浏览器已设置
有时候点“Open in Browser”却没反应，可能是因为系统没设置默认浏览器。
检查方式：- Windows：设置 → 应用 → 默认应用 → Web 浏览器
- Mac：系统设置 → 桌面与程序坞 → 默认网页浏览器
- 确保已选择 Chrome、Edge 或 Firefox 等
基本上就这些。VSCode 跑不出 HTML 不是软件问题，而是缺少预览机制。装个 Live Server，99% 的问题都能解决。关键是让浏览器来解析 HTML，而不是指望编辑器直接显示效果。
