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

VSCode中Live Server开启自动保存仍不刷新浏览器问题求助

解决VS Code Live Server自动刷新失效问题

针对你在macOS Sequoia上使用VS Code 1.96.0 + Live Server 5.7.9遇到的自动刷新失效问题,试试以下方案:

1. 调整Live Server延迟设置

打开VS Code设置(快捷键Cmd+,),搜索Live Server: Delay,确认值设置在1000ms以内(你当前的100ms没问题,但可临时改成500ms测试,避免和自动保存时序冲突)。

2. 检查macOS文件监听权限

系统隐私权限可能限制VS Code监听文件变化:

  • 打开系统设置 > 隐私与安全性 > 文件与文件夹
  • 确保VS Code已勾选文档或对应项目文件夹的权限
  • 重启VS Code后重新测试

3. 排查扩展冲突

部分格式化、同步类扩展可能干扰Live Server的文件监听:

  • 打开VS Code扩展面板,禁用除Live Server外的所有扩展
  • 重启VS Code并启动Live Server,测试自动刷新是否恢复
  • 若恢复,逐个启用扩展排查冲突项

4. 确认Live Server服务根目录

确保服务根目录与编辑文件路径匹配:

  • 右键点击项目根文件夹,选择Open with Live Server(不要单独打开单个文件)
  • 打开VS Code设置,搜索Live Server: Root,确保值为空或指向你的项目根目录

5. 重置Live Server配置

若以上无效,尝试重置所有相关设置:

  • 打开VS Code设置,点击右上角打开设置(JSON)图标
  • 删除所有以liveServer.settings.开头的配置项
  • 保存设置后重启VS Code

6. 验证文件类型支持

确认编辑的是Live Server默认支持自动刷新的文件(如.html、.css、.js):

  • 打开VS Code设置,搜索Live Server: File Watcher Exclude
  • 确保你的文件后缀不在排除列表中,若存在则移除该条目

内容的提问来源于stack exchange,提问作者Vishesh Krishna S A

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.15 15:22:06