前言
在前端开发过程中，常常需要查看代码变动，尤其是在多人协作的情况下。Git 提供了强大的版本控制功能，可以帮助我们有效地管理代码。但是 Git 命令行不太方便，特别是在查看代码变动时需要输入复杂的命令。这时，我们可以使用 npm 包 git-diff-glob 来帮助我们快速地查看代码变动。
git-diff-glob 简介
git-diff-glob 是一个 npm 包，用于对文件进行 diff 操作。与 Git 命令相比，git-diff-glob 提供了更方便的命令行界面和更多的选项，可以快速地查看代码变动。
安装
安装 git-diff-glob 非常简单，只需要在命令行中执行以下命令即可：
npm install -g git-diff-glob
基本用法
查看两个分支之间的代码变动，只需要在命令中指定要比较的分支名称即可：
git-diff-glob branch1..branch2
除了比较分支之外，git-diff-glob 还支持比较两个标签、两个 commit id 等不同的比较方式。
默认情况下，git-diff-glob 会比较所有文件差异，如果只需要比较某个目录下的文件，则可以通过 --glob 选项指定文件路径模式。例如，要比较 a 目录下所有的 .js 文件和 .css 文件，可以这样写：
git-diff-glob branch1..branch2 --glob="a/*.{js,css}"
代码示例
为了更好地理解 git-diff-glob 的用法，我们来看一个示例：
假设我们在本地有一个 Git 仓库，包含以下两个分支：
- master 分支：表示生产环境代码；
- feature 分支：表示开发环境代码。
现在我们要比较 feature 分支与 master 分支之间的代码差异，并只查看 dist 目录下的 JavaScript 文件的修改情况。
1、进入项目根目录，执行以下命令，安装 git-diff-glob：
npm install -g git-diff-glob
2、通过以下命令，切换到 feature 分支：
git checkout feature
3、执行以下命令，比较 feature 分支与 master 分支差异，并只查看 dist 目录下的 JavaScript 文件：
git-diff-glob master..feature --glob="dist/**/*.js"
执行完上述命令后，git-diff-glob 会列出所有被修改的 JavaScript 文件，并显示它们之间的差异。
总结
将 Git 命令行工具与 npm 包 git-diff-glob 结合使用，可以帮助前端开发人员更方便地查看代码变动。在多人协作开发或者维护多个分支时，使用 git-diff-glob 可以更快速、高效地定位代码变动，提高代码的质量和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005524a81e8991b448cfd27