思路:使用 git diff 生成差异,再通过 diff2html 渲染成 HTML 报告。
准备动作
1.先安装 diff2html-cli
npm install -g diff2html-cli
2.需要有Linux的terminal
比如Git的Git bash
因为需要用到的 diff 是Unix/Linux 系统自带的命令行工具
通过两个branch对比(需要创建Git仓库)
创建第一个分支
txt
# 1. 创建一个新的空文件夹作为临时仓库
mkdir git-diff-temp
cd git-diff-temp
# 2. 初始化 Git 仓库
git init
# 3. 将第一个版本的代码复制到这个文件夹
# 假设你的第一个版本代码在 /path/to/your/first_version
cp -r /path/to/your/first_version/* .
# 4. 将所有文件添加到暂存区并提交
git add .
git commit -m "Initial commit: master version"
创建第二个分支
txt
# 1. 创建并切换到名为 'prod_server_code' 的新分支
git checkout -b prod_server_code
# 2. 删除当前目录下的所有文件(为第二个版本腾出空间)
# 注意:-f 是强制删除,请确保你在正确的临时目录下
rm -rf * .[!.]*
# 3. 将第二个版本的代码复制到这个文件夹
# 假设你的第二个版本代码在 /path/to/your/second_version
cp -r /path/to/your/second_version/* .
# 4. 将所有新文件添加到暂存区并提交
git add .
git commit -m "Second commit: prod_server_code version"
然后执行命令
txt
# 确保你在 git-diff-temp 目录下
# 生成 HTML 差异报告
git diff master..prod_server_code | diff2html -i stdin -F preview.html
执行完正常的话会在当前目录下生成preview.html, 点开就能看到

一次性比对(不用创建Git仓库)
直接比对两个文件夹(放在同一目录下)
比如:
diff-temp/xxx-prod
diff-temp/xxx-staging
txt
# 确保在diff-temp目录下
diff -ruN xxx-prod/ xxx-staging/ | diff2html -i stdin -F preview.html
这样直接生成报告更方便