live server是唯一能真正绕过file://协议限制、支持热重载和完整web api的方案；因其启动本地http服务（如http://127.0.0.1:5500），解决fetch/es模块/cors等限制，而双击或“在浏览器中打开”仅走file://协议，触发安全拦截报错。
Live Server 是唯一能真正绕过 file:// 协议限制、支持热重载和完整 Web API 的方法。其他方式要么功能残缺，要么只是“打开文件”而非“运行”。
为什么不能直接双击或右键“在浏览器中打开”？
浏览器对 file:// 协议做了硬性限制：fetch() 读本地 JSON、import ES 模块、XMLHttpRequest 加载同目录资源，全都会报 net::ERR_FILE_PROTOCOL 或 CORS 错误。这不是你代码写错了，是协议本身不支持——就像试图用自行车上高速一样，不是车不行，是路不允许。
Live Server 插件必须这样装、这样用
装错版本或操作顺序不对，90% 的“点不动”“打不开”问题都出在这儿：
- 必须安装作者为
Ritwick Dey的原版插件（扩展 ID：ritwickdey.LiveServer），别选名字相似的仿品 - 必须先保存 HTML 文件（标题栏无
*号），否则右键菜单不出现Open with Live Server - 右键位置必须在「已打开的编辑器标签页内」，不是在左侧资源管理器里右键文件
- 首次启动后，状态栏右下角会出现绿色
Go Live按钮，它只对当前激活的 HTML 文件生效
端口冲突、局域网访问、调试断连怎么调？
Live Server 默认用 5500 端口，但实际开发中常被占或需手机联调，这些配置项得手动设：
- 改端口：VS Code 设置（
Ctrl+,）搜liveServer.settings.port，填入如3000 - 局域网访问（比如用手机扫二维码看效果）：设
liveServer.settings.host为0.0.0.0 - 调试 JS 时断连：VS Code 的
launch.json中url必须和 Live Server 实际地址一致，比如"url": "http://127.0.0.1:3000/index.html"，不能抄网上默认的8080
别用 Python http.server 或 tasks.json 替代 Live Server
它们看似轻量，但真到写点交互逻辑就露馅：
-
python -m http.server 8000不监听文件变化，改完要手动刷新；也不支持 HTTPS、自定义 root 目录、跨域头等开发常用能力 -
tasks.json调用start或open命令，本质还是走file://，JS 一碰fetch就挂 - 如果项目含
.vue、.ts或用了 Vite/Webpack，Live Server本就不适用——它只服务静态文件，此时该跑npm run dev，而不是硬塞进一个不匹配的工具里
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
