作为一个刚接触 Git 的新手,我最初看到命令行里那些复杂的 git 指令时简直一头雾水。直到发现了 GitLens 这个 VS Code 扩展,它就像给 Git 加了个可视化外挂,让版本控制变得直观易懂。
为什么需要 GitLens?
刚开始学 Git 时,我经常搞不清当前分支的修改记录,或者找不到某行代码是谁写的。GitLens 直接在代码编辑器里显示每行的最后修改者和时间,还能一键查看完整的提交历史。最棒的是所有操作都能通过点击完成,不用死记硬背 git 命令。
安装步骤
在 VS Code 的扩展商店搜索 GitLens,认准由 GitKraken 开发的官方版本。点击安装后,你会注意到编辑器左侧多了一个 GitLens 图标。安装完成后建议重启 VS Code,这样所有功能就能正常加载了。
核心功能初体验
- 代码溯源:鼠标悬停在代码行号旁,会显示最后修改该行的作者、时间和提交信息
- 时间线视图:点击文件右上角的时钟图标,可以看到这个文件的所有修改历史
- 分支对比:在源代码管理面板,能直观比较不同分支的差异
- 快速操作:右键点击代码区域,可以快速提交、创建分支或查看 blame 记录
新手常见问题解决
第一次使用时可能会遇到几个典型问题:
- 如果 GitLens 没有显示信息,检查是否打开了 Git 仓库目录
- 时间线视图加载慢?试试在设置里关闭 gitlens.advanced.fileHistoryFollowsRenames
- 觉得信息太多眼花?右键点击行号旁的图标可以临时关闭提示
实战练习建议
建议建个简单的 HTML 项目来练习:
- 创建一个测试文件,故意制造几次修改
- 用 GitLens 查看每次修改的记录
- 尝试回退到某个历史版本
- 比较两个 commit 之间的差异
个性化设置技巧
在 VS Code 设置里搜索 gitlens,可以进行以下调整:
- 调整信息显示的延迟时间
- 自定义悬浮框的显示内容
- 关闭不需要的功能减少干扰
- 修改代码标注的颜色方案

