vscode原生不带http服务器，需安装live server插件才能右键打开html文件；装好后可通过右键、状态栏按钮或命令面板启动，默认地址http://127.0.0.1:5500/，支持自动刷新。
VSCode 本身没有内置 HTTP 服务器
直接右键点 HTML 文件选“Open with Live Server”能跑起来，是因为你装了插件——VSCode 原生不带任何 HTTP 服务功能，连 http-server 或 python -m http.server 都得靠外部命令或扩展调用。
如果你刚打开一个 index.html 点右键没看到 “Open with Live Server”，那不是 VSCode 坏了，是插件根本没装。别折腾设置，先去扩展市场搜 Live Server（作者 Ritwick Dey，微软认证那个）。
装完 Live Server 怎么启动才真正生效
装完插件后，有三种等效但体验不同的启动方式，别只记一种：
- 右键任意
.html文件 → 选Open with Live Server - 文件打开状态下，点 VSCode 右下角状态栏的
Go Live按钮 - 按
Ctrl+Shift+P打开命令面板，输入Live Server: Open with Live Server
它们都会做同一件事：起一个本地服务，默认地址是 http://127.0.0.1:5500/xxx.html，并监听文件变更自动刷新。注意：只对当前工作区根目录下的文件有效；如果项目嵌套在子文件夹里，要确保 VSCode 是以该子文件夹为根打开的，否则可能 404。
超级科幻炫酷可视化带音乐时空隧道特效背景动画代码下载。支持自定义音乐文件。温馨提示：该js特效音乐需要在服务器环境下运行或本地使用火狐浏览器打开，否则只有动画，没有音乐。
端口被占、页面不刷新、局域网打不开？这些是高频故障点
Live Server 启动失败或行为异常，90% 出在配置或环境误判上：
- 端口冲突：默认
5500被其他程序占了？在 VSCode 设置里搜liveServer.settings.port，改成8080或其他空闲端口 - 保存不刷新：确认你改的是正在被 Live Server 打开的那个 HTML 文件，而不是同名副本；且文件必须已保存（
Ctrl+S），未保存的脏标签不会触发重载 - 局域网无法访问：Live Server 默认只绑定
127.0.0.1。如需手机或同事访问，设liveServer.settings.host为0.0.0.0，再配合防火墙放行对应端口 - 右键菜单消失：检查是否在多根工作区里打开了错误的文件夹；或者插件被禁用了（右下角状态栏没出现
Go Live）
不想装插件？命令行临时起服务也够用，但别指望自动刷新
纯看效果、不写代码时，终端一行命令比装插件还快：
- 有 Python 3：进项目目录，运行
python -m http.server 8000，浏览器打开http://localhost:8000 - 有 Node.js：先
npm install -g http-server，再进目录跑http-server -p 8000
它们都只是静态文件服务器，不监听变化、不注入 livereload 脚本、也不集成到 VSCode 编辑器里。改完 CSS 得手动 F5，适合快速验证结构或部署前预览，不适合日常开发。
最常被忽略的一点：Live Server 不处理后端逻辑（比如 fetch('/api/user') 会 404），它只服务静态资源。真要联调接口，得另起后端服务，再配代理或 CORS——那已经是另一个问题了。
