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 安装一个简单的静态服务器工具。
AppMall应用商店
AI应用商店，提供即时交付、按需付费的人工智能应用服务
56 查看详情 
全局安装 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 扩展，点几下就能跑起来。
以上就是VSCode的内置HTTP服务器怎么用？的详细内容，更多请关注php中文网其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/432617.html
微信扫一扫 
支付宝扫一扫 
