VSCode Timeline视图：查看文件修改历史

发布时间：2025-12-24 | 点击率：

Timeline视图可查看文件的Git提交、保存版本及系统变更事件；需在Git仓库中打开文件，通过资源管理器底部Timeline标签或命令面板调出，支持diff预览与一键还原。

如果您在 vscode 中希望追溯某个文件的修改记录，timeline 视图可直接展示该文件在本地 git 仓库中的提交历史、保存版本及文件系统变更事件。以下是启用与使用 timeline 视图的具体步骤：

本文运行环境：MacBook Air，macOS Sequoia。

一、启用 Timeline 视图

Timeline 视图默认集成于 VSCode 的资源管理器侧边栏底部，但需确保当前打开的文件属于 Git 仓库且已初始化版本控制。若未显示，需手动激活相关功能。

1、确保工作区已打开一个 Git 仓库（即目录下存在 .git 文件夹）。

2、在左侧活动栏中点击资源管理器图标（文件夹形状）。

3、滚动至资源管理器底部，找到并点击 Timeline 标签。

4、若 Timeline 未出现，右键资源管理器空白处，选择 Show Timeline View。

Timeline 视图以时间倒序列出与当前选中文件相关的所有变更事件，包括 Git 提交、本地保存快照（需启用 File History 扩展）、以及文件重命名或删除操作。

1、在编辑器中打开目标文件（例如 index.js）。

2、确认资源管理器中 Timeline 标签已激活，视图将自动聚焦于该文件的历史记录。

3、浏览列表中的每一项，每条记录右侧显示时间戳、变更类型图标及简要描述。

4、点击某条提交记录，右侧将显示该次提交的完整变更预览（diff），包括新增/删除行高亮。

当资源管理器被折叠或 Timeline 标签不可见时，可通过快捷命令强制唤出 Timeline 面板，并绑定至当前活动文件。

1、按下 Cmd+Shift+P（macOS）或 Ctrl+Shift+P（Windows/Linux）打开命令面板。

2、输入 Timeline: Focus on Timeline View 并回车。

3、若当前编辑器有打开文件，Timeline 将立即加载其历史；否则提示“无活动文件”。

4、再次输入 Timeline: Refresh Timeline 可手动更新最新变更。

基础 Timeline 仅显示 Git 提交，如需纳入本地自动保存版本、文件系统级修改或远程分支变更，需安装兼容扩展。

1、打开 VSCode 扩展市场（Ctrl+Shift+X 或 Cmd+Shift+X）。

2、搜索并安装 File History 扩展（作者：xyz

3、安装完成后重启 VSCode，Timeline 视图将新增 Local History 分类。

4、右键 Timeline 中任意条目，选择 Revert Change 可一键恢复至该版本。