Visual Studio Code Live Server启动新项目仍加载旧项目问题求助
VS Code Live Server 始终加载旧项目内容的解决方案
卸载重装Live Server不会清除VS Code中保存的用户配置、工作区配置,因此无法解决该问题,可按以下步骤逐步排查修复:
- 第一步:确认当前工作区打开方式
不要直接拖拽单个HTML文件到VS Code中打开,点击左上角「文件」→「打开文件夹」,选择你当前新项目的根文件夹,确保左侧资源管理器仅显示新项目的文件,无旧项目内容残留。 - 第二步:修正Live Server根路径配置
按快捷键Ctrl+,(Windows/Linux)或Cmd+,(Mac)打开设置面板,搜索「Live Server > Settings: Root」:- 若全局配置栏中该选项填写了旧项目的绝对路径,直接清空内容保持默认空值即可,空值代表默认使用当前打开的工作区根目录作为服务根路径
- 若仅当前项目存在该问题,切换到设置面板的「工作区」标签页,检查同配置项是否为旧路径,清空即可
- 第三步:清理缓存强制刷新
启动Live Server后,在打开的浏览器页面按Ctrl+Shift+R(Windows/Linux)或Cmd+Shift+R(Mac)执行强制硬刷新,绕过浏览器本地缓存加载最新内容。如果仍有问题,右键点击VS Code底部状态栏的「Port: 5500」(Live Server运行时会显示该状态),选择「Stop Live Server」关闭服务,重启VS Code后重新打开新项目文件夹再启动服务即可。 - 第四步:多工作区场景适配
如果你使用了VS Code多工作区功能(同一工作区添加了多个文件夹),先确认旧项目文件夹没有被加入当前工作区;如果需要保留多工作区配置,在「Live Server > Settings: Root」中填写当前新项目的相对路径即可,例如新项目文件夹命名为new-project,就填/new-project。
内容的提问来源于stack exchange,提问作者CozyJozy
相关产品推荐
相关产品推荐

