vscode下git blame使用

演示示例以vue-lazyload源码为例:github.com/verlok/vani…

git blame是什么

blame是责备的意思,git blame即可以查出某个文件的每一行内容到底是由哪位大神所写?

vscode下git插件

GitLens

marketplace.visualstudio.com/items?itemN…

以下内容是基于GitLens插件的使用讲解

git blame场景

只查询某个文件所有的历史修改记录

查看src/lazy.js文件的修改记录

  1. 点击src/lazy.js在vscode内打开文件

  2. 点击最左侧工具条第3个按钮(Source Control), FILE HISTORY展示的即为lazy.js的所有修改记录

image.png

查询某个文件某一行的最近一个版本的修改记录

查看src/lazy.js第37行this.options最近一次修的对比记录

  1. 鼠标点击37行,然后hover第37行右侧灰色字体

image.png

  1. hover后弹出提示窗

image.png

  1. 点击提示窗右下角(Open Change)图标

image.png

image.png

查看某个文件某一行的最近一个版本的修改记录的,上一个版本的某一行的最近一个版本的修改记录

这里表达起来有点绕,有一种场景,我们查询某个文件的某一行最近一个版本的修改记录后,比如这里的this.options只调整了缩进,但我们想知道,当初为什么加this.options这一行,所以就需要查询在调整缩进的这个版本前的再前一个版本,操作方式和“查询某个文件某一行的最近一个版本的修改记录”类似

  1. 我们把鼠标放到左侧版本this.options这一行,hover灰色字体弹出提示窗

image.png

  1. 点击提示窗右下角(Open Change)图标

image.png

查询某个文件某一行的最近一个版本的修改记录,显示改动的所有文件

查看src/lazy.js第37行this.options为例

  1. (重复的步骤这里不再赘述),点击this.options右下角的(Open Change)按钮

image.png

  1. 点击右上角,Show Revision Commit按钮

image.png

3(1). 方式一:点击Reveal Commit in Side Bar

image.png

3(2). 左边COMMITS会显示对应这条commit所有的修改文件列表

image.png

4(1). 方式二:点击Search for Commit in Side Bar

image.png

4(2). 左边SEARCH & COMPARE会显示对应这条commit所有的修改文件列表

image.png

The end~

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享