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

执行vue add router后App.vue内容被覆盖如何找回丢失内容

vue add router 覆盖App.vue的内容找回方法

vue add 系列命令执行时会直接修改项目现有文件,且不会自动生成备份,按以下优先级顺序尝试找回即可:

  • 优先用编辑器本地历史恢复
    如果你用VS Code:在资源管理器里右键点击被覆盖的src/App.vue,选择「打开时间线」,面板下方会列出该文件的所有本地历史保存版本,找到执行命令前的版本直接复制内容恢复即可。
    如果你用WebStorm等JetBrains系IDE:右键点击App.vue,依次选择Local History -> Show History,就能看到文件的所有历史版本,选中需要的版本回退即可。
  • 其次用Git版本库恢复
    如果项目之前初始化过Git:执行git status就能看到src/App.vue处于已修改未暂存状态,直接执行git checkout -- src/App.vue就能把文件恢复到上一次提交的状态。
    如果你之前执行过git add .但没提交,可以执行git fsck --lost-found查找悬空的文件对象,从中找回之前暂存过的App.vue内容。
  • 最后尝试磁盘文件恢复
    如果以上两种方法都无效,立刻停止往项目所在磁盘写入新文件,用DiskGenius、Recuva这类文件恢复工具扫描对应磁盘分区,只要原文件占用的磁盘块没被新数据覆盖,就能找回之前的文件内容。

后续使用vue add安装插件前,务必先把当前代码改动提交到Git做备份,这类脚手架插件修改现有文件前不会给出确认提示,很容易覆盖自定义内容。

内容的提问来源于stack exchange,提问作者Mark

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.30 07:12:28