git diff 的简单使用（比较版本区别）

假如我们修改viewMail.vue 文件（部分代码）

从

            //根据ID获取详情
            getById () {
                let that = this;
                this.viewMailModal = true;
                this.loading = true;
                post('/presidentmailinfoController/selectByPrimaryKey', {id: this.viewId, initiatorType: 3}).then(res => {
                    that.loading = false;
                    if (res.success) {
                        let mail = res.data
                        // mail.content = that.formatTxt(mail.content)
                        that.imgList = mail.fileList
                        that.mailInfo = mail;
                    }
                });
            },

修改为

            //根据ID获取详情
            getById () {
                let that = this;
                this.viewMailModal = true;
                this.loading = true;
                // post('/presidentmailinfoController/selectByPrimaryKey', {id: this.viewId}).then(res => {
                post('/presidentmailinfoController/selectByPrimaryKey', {id: this.viewId, initiatorType: 3}).then(res => {
                    that.loading = false;
                    if (res.success) {
                        let mail = res.data
                        // mail.content = that.formatTxt(mail.content)
                        that.imgList = mail.fileList
                        that.mailInfo = mail;
                    }
                });
            },

就在post 位置 多加了 一行注释和 多加了一个字段 initatorType 字段  ，好吧这不重要，我只是不行写简单的例子了，直接用的项目中的代码作为例子。。我们记住区别就行了。

修改完毕后我们打开 git 命名行。

运行命令   git status  查看我们 工作区的修改的文件

git 告诉我们  一个viewMail.vue文件修改了。但是没有告诉我们这个文件里 具体修改了哪些内容。此时git diff 就排上的用场。 他可以用于比较现在  工作区（未提交到暂存区）  与 暂存区（已经通过 git add  和 git commit  提交了）。具体的修改变化。

下面我们来运行一下 git diff 命名。查看一下变化。

具体的变化就一目了然了，git 告诉我们 删除了红色行 ，新增了 绿色 行的代码。这正是我们的修改。

其实此时运行的  git diff  相当于 git diff HEAD       （HEAD 指向的是 local repository 中最新提交的版本）。

我们再来看一下运行 git diff HEAD

两次的运行结果是一样的。我们再来看一下git diff 的简单说明：

git diff：是查看 workspace（工作区） 与 index（暂存区） 的差别的。
git diff --cached：是查看 index（暂存区） 与 local repositorty（本地仓库） 的差别的。
git diff HEAD：是查看 workspace 和 local repository 的差别的。（HEAD 指向的是 local repository 中最新提交的版本）

注：git diff 后跟两个参数，如果只写一个参数，表示默认跟 workspace中的代码作比较。git diff 显示的结果为 第二个参数所指的代码在第一个参数所指代码基础上的修改。如，git diff HEAD 表示 workspace 在 最新commit的基础上所做的修改

 附：git 的 四个工作区（来源：https://www.cnblogs.com/qdhxhz/p/9757390.html）

由上图可以看出，通常情况下， 当我们运行的  git add .  ,是将工作区（workspace）的代码提交到了暂存区（index）中，然后我们经常运行的  git commit -m “修改代码提交说明” 

是将暂存区中的代码提交到了本地仓库（local Repository）中。再往后就是我们通过  git push  将本地仓库的代码提交到远程仓库了（这里不多说了，主要说比较版本区别）。

这样就可以解释与git diff  和 git diff HEAD 的运行结果一样的问题了：

虽然说 git diff 是 比较 的工作区 与 暂存区 的区别，git diff HEAD 比较的是 工作区和 本地仓库的 区别。

但是有一点是，我在修改 代码前已经 运行过来 git add . 和 git commit -m "。。。" 命令了。所以 暂存区的 内容和 本地仓库的内容是一样的。

运行完后通过 git status 查看状态。已经告诉我没有要提交 的东西了。

 所以运行 git diff 和 运行 git diff HEAD 的命令 结果是一样的。

下面我们再来看一下如果已经把工作区（workspace）中的代码提交到了暂存区（index）和本地仓库（local Repository）中怎么查看与上一个版本的区别。

运行如下命令进行提交：

提交完毕后查看是否还有要提交的内容

好的，已经提示没有要提交的内容了。

 下面我们再来查看一下运行 git diff 和 git diff HEAD 看是否还有效果：

 

可以看出这两个命令已经没有输出的东西了。

相信认真看完上面内容的你，已经知道为什么了。因为此时  工作区（workspace）和 暂存区(index)、本地仓库（local Repository）的最新版本代码 都是一样的了。所以已经比较不出东西了。

 那么此时我们想看这一版本的代码和上一版本的代码区别，就得使用  git diff HEAD^  我们知道到  HEAD  代码 本地仓库的最新版本， 那么上最新版本的上一个版本就用 HEAD^  表示， 依次类推 那么最新版本的 上一个版本的上一个版本就是 HEAD^^ 

 那么问题来了，我们如果我们比较的版本比较久远，就会写好多 ^^^...... 很麻烦，也容易把自己写晕。所以git 还有另一种写法   git diff HEAD~X  X 代表^ 的个数。 即： git diff HEAD~1  代表最新版本的上一个版本。  git diff HEAD~2 代表最新版本的上一个版本的 上一个版本。

下面我们来运行一下（看一下当前最新版本与上一个版本的区别）

 

很完美的展现了我们修改的代码。

我们再用 git diff HEAD~1  来查看一下。

 结果是一样的。

这就是git diff 的一些简单用法。具体用法请见官网。https://git-scm.com/docs/git-diff

附：

 参考文章：

git: 提交前查看修改 git diff，HEAD^, HEAD~i  

https://blog.csdn.net/GW569453350game/article/details/46998395

【Git】(1)---工作区、暂存区、版本库、远程仓库 　　

https://www.cnblogs.com/qdhxhz/p/9757390.html

git diff的最全最详细的4大主流用法：

https://blog.csdn.net/wq6ylg08/article/details/88798254