VSCode可通过Live Server扩展或http-server工具启动本地HTTP服务器。安装Live Server扩展后，右键HTML文件选择“Open with Live Server”即可在浏览器打开页面并实现保存自动刷新；或通过npm全局安装http-server，在项目目录运行http-server命令启动服务，默认地址为http://127.0.0.1:8080。适用于前端开发调试、测试AJAX请求及查看静态页面，不支持PHP等后端逻辑运行。推荐新手使用Live Server扩展快速上手。
VSCode 本身没有内置的 HTTP 服务器，它是一个代码编辑器，不提供像 Apache 或 Nginx 那样的本地服务器功能。但你可以通过扩展或命令行工具快速启动一个轻量级 HTTP 服务器来预览网页项目（比如 HTML、CSS、JS 文件）。
使用 Live Server 扩展（最常用）
Live Server 是 VSCode 最流行的扩展之一，可以一键启动本地 HTTP 服务器，并支持自动刷新页面。
- 打开 VSCode，点击左侧活动栏的扩展图标（或按 Ctrl+Shift+X）
- 搜索 "Live Server"，找到由 Ritwick Dey 开发的版本并安装
- 打开一个 HTML 文件，右键点击编辑器中的文件内容
- 选择 "Open with Live Server"
浏览器会自动打开 http://127.0.0.1:5500 并显示你的页面。修改代码保存后，页面会自动刷新。
使用 Node.js + http-server 命令行工具
如果你已经安装了 Node.js，可以通过 npm 安装一个简单的静态服务器工具。
Shopxp购物系统Html版
下载
一个经过完善设计的经典网上购物系统，适用于各种服务器环境的高效网上购物系统解决方案，shopxp购物系统Html版是我们首次推出的免费购物系统源码，完整可用。我们的系统是免费的不需要购买，该系统经过全面测试完整可用，如果碰到问题，先检查一下本地的配置或到官方网站提交问题求助。 网站管理地址：http://你的网址/admin/login.asp 用户名：admin 密 码：admin 提示：如果您
- 全局安装 http-server：
npm install -g http-server - 在 VSCode 终端中进入你的项目目录
- 运行命令：http-server
- 浏览器访问提示的地址（通常是 http://127.0.0.1:8080）
适用场景说明
这类本地服务器适合用于：
- 前端开发调试（HTML/CSS/JavaScript）
- 测试 AJAX 请求（file:// 协议下无法发送请求，需要 HTTP）
- 查看 SPA 框架构建后的静态页面
不适合运行后端逻辑（如 PHP、Python Flask 等），那些需要专门的服务环境。
基本上就这些。虽然 VSCode 不自带服务器，但配合扩展或工具非常方便。关键是选一个顺手的方式，推荐新手直接用 Live Server 扩展，点几下就能跑起来。
