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

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.10.02 07:18:03