VSCode中Live Server扩展保存文件后不自动重载问题求助

DevOps 小满

2026-7-10

解决VSCode Live Server保存后不自动重载的问题

检查Live Server自动重载配置
打开VSCode设置（快捷键Ctrl+, / Cmd+,），搜索liveServer.settings.autoRefresh，确认该选项已勾选（值为true）。若修改CSS后无反应，可检查liveServer.settings.fullReload：设为false会启用CSS热重载，设为true则触发全页刷新，按需调整。
确保文件在Live Server根目录内
Live Server仅监听启动时指定的根目录及其子目录的文件变更。右键点击你的项目根文件夹，选择Open with Live Server，保证所有编辑的HTML/CSS文件都在该目录下。
清除浏览器缓存
浏览器缓存可能导致旧内容残留，按Ctrl+F5（Windows）或Cmd+Shift+R（Mac）强制刷新。也可在Live Server设置中开启liveServer.settings.useWebExt来减少缓存干扰。
确认VSCode自动保存已开启
若VSCode未设置自动保存，手动保存可能未及时触发文件变更检测。打开设置搜索files.autoSave，可设置为afterDelay（延迟自动保存）或onFocusChange（切换窗口时保存）。
排查扩展冲突
其他VSCode扩展可能与Live Server冲突。临时禁用所有非必要扩展，重启VSCode后测试Live Server。若恢复正常，再逐个启用扩展找出冲突项。
更换Live Server端口
默认端口5500若被占用，会导致文件监听失败。在设置中修改liveServer.settings.port为其他值（如5501），重启Live Server后重试。