VSCode 或许不需要 GitLens

内容纯个人主观意见,内容来源均从个人日常开发习惯与体验而来

Git-Lens 中个人所需要的功能

  • Blame、CodeLens - 通过编辑器内的代码注释和丰富的消息内容,深入了解代码如何变化以及有谁变化
  • Commit Graph - 可视化存储库并跟踪所有正在进行的工作
  • Visual File History - 确定对文件的影响最大的更改以及由谁进行的更改

个人所需功能并不多,但其中后两项均是付费的,特此带来三款插件,以替代 Git-Lens,分别是:

以下是部分使用习惯,以及设置

Git Blame

该插件是提供了通过编辑器内的代码注释和丰富的消息内容,深入了解代码如何变化以及有谁变化

什么是 Git Blame?

Git Blame 是来自 git 版本控制的命令。它列出了文件中每行代码的作者。这是语法:

bash 复制代码
git blame <file-path/file-name>

使用命令行,需要给出完整的路径与文件名,以下是 react 项目中使用该指令的效果

如果是大型项目,通过命令行检查每个文件中的不同作者将是非常困难的。

以下是 GitLens 中提供的效果:

其中 Git Blame 除了无法做到丰富的悬停效果以外,且行内内联 Blame状态栏 Blame两个功能不可同时存在。

个人爱好行内内联 Blame需要进行如下配置:

json 复制代码
{
  "gitblame.inlineMessageEnabled": true,
  "gitblame.inlineMessageFormat": "${author.name}, (${time.ago}) · ${commit.summary}"
}

Git Graph

该插件提供了可视化存储库并跟踪所有正在进行的工作

无他,个人认为该插件会比较好看。

当然 Git History 也有该功能, 但个人认为 Git Graph 看整体, 而 Git History 查看单个文件的历史提交

Git History

该插件提供了确定对文件的影响最大的更改以及由谁进行的更改

在当前文件下,使用 cmd+shift+p/ctrl+shift+p 输入 file history 即可得到右侧所示的芬恩见历史提交信息

小结

内容纯个人主观意见,内容来源均从个人日常开发习惯与体验而来

如有更多体验可以在评论区与题主讨论,感谢阅读!

相关推荐
宁风NF7 小时前
JavaScript:网络请求与前端通信
开发语言·前端·javascript·网络·学习·ecmascript
明月_清风7 小时前
从概念到代码:用 Ontology 构建你的第一个知识图谱
前端·后端
程序员黑豆8 小时前
鸿蒙应用开发:AppStorage 全局状态存储用法教程
前端·harmonyos
猫猫不是喵喵.8 小时前
Vue3 中 computed 计算属性与 watch、watchEffect 监听
前端·javascript·vue.js
tianyuanwo8 小时前
当提交标题重复阻塞CI:Git分支修复实战
git·ci/cd·分支基线调整
En^_^Joy8 小时前
Vue项目创建与入口配置全攻略
前端·vue.js·arcgis
Salt & Light8 小时前
Git 分支操作与恢复完整记录
git
爱码小白8 小时前
importlib模块
开发语言·前端·python
重生的黑客9 小时前
从远程仓库到企业级协作:Git push、pull、PR、多人开发与分支模型
git·分支·多人协作
猫猫不是喵喵.9 小时前
Vue2 的 Vuex 状态管理与 Vue3 的 Pinia 状态管理
前端·javascript·vue.js