live server可自动启动本地服务并保存即刷新,无需手动f5;安装后右键html文件选择“open with live server”,默认访问http://127.0.0.1:5500,支持实时重载,但不支持跨域、https及file://协议,资源需用相对或根路径引用。

Live Server 本地起服务必须装,别手动刷新了
改一行 HTML/CSS/JS 就得切浏览器、按 F5 刷新?这节奏早该淘汰了。Live Server 装上后右键点 index.html →「Open with Live Server」,它会自动起一个 http://127.0.0.1:5500 本地服务,并监听文件变化——保存即刷新,连热重载都不用配。
注意几个实际坑点:
- 它默认不支持跨域请求(比如调本地
fetch('/api/user')会失败),真要测 API 得换json-server或自己启 Node 服务 - 路径别写死成
file:///,所有资源引用必须用相对路径或根路径(/css/style.css),否则在 Live Server 下会 404 - 不支持 HTTPS,调试微信 JS-SDK 等需要安全上下文的场景,得另起
https-localhost类插件
Auto Rename Tag 和 Auto Close Tag 是 HTML 编码基本盘
手写 HTML 时漏闭合标签、改了 <div> 忘同步 <code>











