You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

VS Code中Live Server无法自动刷新、手动刷新也无效如何解决?

VS Code Live Server 不自动重载/手动刷新无效解决方案
  • 检查自动重载配置:打开VS Code设置,搜索liveServer.settings.autoReload,确认选项处于启用状态,误关闭该选项会直接导致自动重载失效。
  • 确认文件归属:你正在编辑的HTML文件需要属于当前VS Code打开的工作区文件夹,单独打开的零散HTML文件无法被Live Server正常监听,将文件放入同一文件夹后,把整个文件夹拖入VS Code打开再测试即可。
  • 排查浏览器缓存/扩展拦截:
    • 打开浏览器开发者工具(F12),切换到「网络」标签,勾选「禁用缓存」,修改代码后查看是否正常重载
    • 用浏览器无痕模式打开Live Server页面,如果无痕模式下功能正常,说明是你安装的广告拦截、脚本拦截类浏览器扩展屏蔽了Live Server的重载请求,禁用对应扩展即可。
  • 排查端口占用问题:Live Server默认使用5500端口,端口被其他程序占用会导致重载服务异常。打开VS Code设置搜索liveServer.settings.port,将端口修改为其他未被占用的值(比如5501),重启VS Code后再启动Live Server测试。
  • 清理残留进程:如果之前的Live Server进程没有正常退出,会导致新启动的实例功能异常。Windows可以打开任务管理器杀死所有Node.js相关进程,Mac/Linux可以执行命令lsof -ti:5500 | xargs kill -9(如果你修改了默认端口,把命令中的5500替换为你使用的端口),之后再重新启动Live Server。
  • 重置/重装扩展:如果以上操作都无效,可以在扩展面板找到Live Server,选择「重置所有设置」恢复默认配置;还是不行的话卸载Live Server,重启一次VS Code后再重新安装扩展即可。

内容的提问来源于stack exchange,提问作者krish777

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.01 10:27:03