使用Live Server插件可快速在VSCode中启动本地服务器并实现实时预览，推荐用于前端开发；若已安装Python，可通过python -m http.server 8000命令启动简易服务器；直接双击HTML文件或使用Open in Browser插件虽便捷，但受限于file://协议，不适合复杂项目调试。
VSCode 本身没有内置的 Web 服务器功能，但你可以通过插件或使用系统自带的简单服务器来快速预览 HTML 文件。下面介绍几种在 VSCode 中运行 HTML 文件并模拟服务器环境的方法。
1. 使用 Live Server 插件（推荐）
Live Server 是 VSCode 中最常用的扩展，它可以启动一个本地开发服务器，并支持实时刷新页面。
配置步骤：- 打开 VSCode，点击左侧活动栏的扩展图标（或按 Ctrl+Shift+X）
- 搜索 Live Server，找到由 Ritwick Dey 开发的插件，点击安装
- 安装完成后，重启 VSCode（通常不需要）
- 打开一个 HTML 文件，右键点击编辑器中的文件内容，选择 Open with Live Server
-
浏览器会自动打开，地址类似
http://127.0.0.1:5500/your-file.html
此后，你修改代码并保存时，页面会自动刷新。
2. 使用 Python 快速启动简易服务器
如果你已安装 Python，可以利用其内置的 HTTP 服务器功能。
立即学习“前端免费学习笔记（深入）”；
操作方法：- 在项目根目录打开终端（Terminal → New Terminal）
- 输入以下命令之一：
Python 3：
python -m http.server 8000
Python 2：
python -m SimpleHTTPServer 8000
然后在浏览器中访问 http://localhost:8000 即可查看 HTML 页面。
3. 直接打开 HTML 文件（无服务器环境）
对于简单的静态页面，可以直接双击 HTML 文件或在 VSCode 中右键选择“Open in Default Browser”（需安装 Open in Browser 插件）。
注意：这种方式是通过 file:// 协议打开，某些功能（如 AJAX 请求、模块导入等）可能受限，不推荐用于开发复杂项目。
4. 配置默认打开方式（可选）
如果你常用 Live Server，可以设置默认用它打开 HTML 文件：
- 进入 VSCode 设置（Ctrl+,）
- 搜索 live server
- 找到 "Live Server > Settings: Don't Show Info Message" 可关闭提示
- 也可以设置默认打开的浏览器
基本上就这些。Live Server 是最方便的方式，适合前端开发调试。Python 服务器适合临时预览。直接打开则仅适用于最基础的展示。
