!!! 本文已参与「新人创作礼」活动，一起开启掘金创作之路。更多干货文章，可以访问菜鸟厚非

一、简介

今天给粉丝们推荐一个开源的 git 提交记录可视化查看工具，它操作简单，可以查看GitHub 也可以看私有仓库，最重要的是效果炫酷，使用非常方便！同时 Git History 工具支持在线 GitHub、浏览器插件、私有仓库、Node CLI 这些方式。

二、GitHub

GitHub 中支持两种方式，一种是替换域名，另外一种是插件方式

2.1 替换域名

在公网直接打开一个 GitHub 仓库内的一个文件，如果要看这个文件的历史提交记录，就要点 History 界面是不是平平常常在这里插入图片描述然后将浏览器里面 url 中的 github.com 替换为 github.githistory.xyz，此时申请的事情就发生了，最上面是提交的 History 可以点击让界面动起来

2.2 浏览器插件

Git History 也支持浏览器在插件中，访问 Chrome Store 安装 Git History 插件，然后访问 GitHub 如下图中指示位置就会出现 Git History 按钮，点击即可查看历史提交在这里插入图片描述

三、私有仓库

Git History 也支持在 Visual Studio Code 中使用，下载安装 Git File History 扩展插件即可在这里插入图片描述使用 Visual Studio Code 打开一个 Git 仓库，随便打开一个文件，我这边打开了 README.md 文件。接着按快捷键 Ctrl + Shift + P 然后搜索 Git File History 选择回车即可看到啦

四、Node CLI

打开终端，执行下面命令，安装全局的 git-file-history，这个前端工程师比较熟悉

npm install -g git-file-history

在这里插入图片描述安装完成后，使用 git-file-history [git file path]，浏览器会自动打开，接口看到提交的历史记录

git-file-history D:\Users\Jack\Dev\Gitee\study-project-storage\README.md

在这里插入图片描述

动画般Git History查看工具