VSCode 本身不带内置 HTTP 服务器，需通过插件（如官方推荐的 Live Server）实现本地静态文件服务，支持一键启动、自动刷新、端口自定义等功能；也可用 Python 或 Node.js 命令行临时搭建基础服务。
VSCode 本身不带内置的 HTTP 服务器，但可以通过插件快速实现本地静态文件服务功能。最常用、轻量且官方推荐的方式是安装 Live Server 插件。
安装 Live Server 插件
这是 VSCode 市场中最主流的静态服务器插件，支持一键启动、自动刷新、支持 HTTPS（需配置）、跨平台，且完全免费。
- 打开 VSCode，点击左侧扩展图标（或按 Ctrl+Shift+X）
- 搜索 Live Server，认准作者为 Ritwick Dey 的那个（已获微软认证）
- 点击“安装”，完成后重启 VSCode（通常无需重启）
启动服务器并访问页面
安装后，只需右键点击任意 HTML 文件，选择 Open with Live Server，VSCode 就会自动：
- 在默认浏览器中打开该 HTML 页面（如
http://127.0.0.1:5500/index.html） - 启动一个本地开发服务器（端口默认 5500，可自定义）
- 监听文件变化：保存 HTML/CSS/JS 后，页面自动刷新（无需手动 F5）
常用操作与配置
右键菜单还提供其他实用选项：
- Copy Live Server URL：复制当前服务地址，方便分享给局域网内其他人
- Stop Live Server：关闭当前运行的服务器
- 在设置中搜索 live server，可修改端口、默认浏览器、是否启用 HTTPS 等
- 支持多根工作区：每个文件夹可独立运行自己的 Live Server 实例
替代方案（无插件）
如果不想装插件，也可以用命令行快速起一个基础 HTTP 服务：
- 确保已安装 Python 3：终端执行
python -m http.server 8000 - 或安装 Node.js 后全局安装
http-server：npm install -g http-server，再运行http-server - 注意：这些方式不集成在 VSCode 内，也无自动刷新功能，适合临时查看
不复杂但容易忽略：VSCode 没有原生 HTTP 服务器，Live Server 是事实标准，装上就能用，开发静态页面效率提升明显。
