VS Code中Live Server无法实时更新，需重启才生效求助

AI 小北

2026-8-22

解决VS Code Live Server无法实时更新的问题

以下是几个实用的排查和解决方法，按顺序尝试即可：

检查Live Server核心设置
打开VS Code设置（快捷键Ctrl+,/Cmd+,），搜索liveServer.settings.ignoreFiles，确认你的项目核心文件（比如.html、.css、.js）没有被加入忽略列表；同时检查liveServer.settings.fullReload，将其设为true，确保所有文件修改都能触发全页刷新。
确认文件保存机制
确保VS Code开启自动保存：设置中搜索files.autoSave，选择afterDelay或onFocusChange模式，这样修改后的文件会自动同步到磁盘，Live Server才能检测到变化；如果习惯手动保存，务必每次修改后执行Ctrl+S/Cmd+S，未保存的更改不会被Live Server捕获。
排查路径与权限问题
避免项目路径包含中文、空格或特殊字符，这类路径可能导致Live Server的文件监听失效，建议将项目迁移到纯英文路径下；在Linux/macOS系统中，检查文件是否有读写权限，可通过chmod 644 [文件名]命令赋予基础读写权限。
禁用冲突扩展
部分扩展（如缓存优化、文件同步类工具）可能和Live Server的文件监听功能冲突。暂时禁用所有其他扩展，只保留Live Server测试是否恢复正常，再逐个启用扩展排查冲突项。
更新或重装Live Server
打开VS Code扩展面板，找到Live Server检查是否有版本更新，更新到最新版；若更新无效，卸载后重新安装扩展，可能是扩展文件损坏导致功能异常。
自定义监听规则
在项目根目录创建.vscode/settings.json，添加自定义配置调整监听逻辑，比如：
```
{
  "liveServer.settings.ignoreFiles": [".vscode/**", "**/*.scss"],
  "liveServer.settings.fileRefreshDelay": 150
}
```
调整fileRefreshDelay的值可延长检测延迟，避免因文件保存过快导致的检测遗漏。