使用Live Server扩展可在VS Code中快速运行HTML文件。1. 安装并打开VS Code，加载HTML文件；2. 安装Ritwick Dey开发的Live Server插件；3. 右键点击代码区域选择“Open with Live Server”即可在浏览器实时预览，支持保存自动刷新。
直接在VS Code中运行HTML文件（无需复杂配置）
Visual Studio Code（简称 VS Code）本身是一个代码编辑器，不自带服务器环境，但可以通过简单方式快速预览和运行HTML文件。
1. 安装VS Code并打开HTML文件
确保你已经下载并安装了 Visual Studio Code。打开软件后，通过“文件 → 打开文件”或直接拖拽你的HTML文件进入编辑器。
2. 安装Live Server扩展（推荐方法）
想要在浏览器中实时预览HTML页面，最方便的方法是使用 Live Server 插件：
- 点击左侧活动栏的扩展图标（方块形状）
- 搜索 “Live Server”
- 找到由 Ritwick Dey 开发的 “Live Server” 并点击安装
- 安装完成后重启VS Code（如有提示）
3. 使用Live Server运行HTML文件
安装插件后，操作非常简单：
立即学习“前端免费学习笔记（深入）”；
- 打开你要运行的HTML文件
- 右键点击编辑器中的代码区域，选择 “Open with Live Server”
- 浏览器会自动打开，并显示你的网页内容
- 修改代码保存后，页面会自动刷新，实现热更新
4. 替代方法：直接用浏览器打开（适合静态页面）
如果你只是想查看静态HTML效果，也可以：
- 在VS Code中右键HTML文件
- 选择 “Reveal in File Explorer” 找到文件位置
- 双击该HTML文件，系统默认浏览器会打开并显示页面
这种方法不需要任何插件，但不支持本地API、Ajax请求等需要服务器环境的功能。
5. 注意事项
VS Code不是像XAMPP那样的完整运行环境，它适用于前端开发调试。如果项目涉及PHP、Node.js等后端语言，需额外配置本地服务器。
对于纯HTML/CSS/JavaScript项目，Live Server完全够用，轻量且高效。
基本上就这些，不复杂但容易忽略细节。
