对比文件，生成类似github diff对比报告

最新推荐文章于 2024-05-21 09:56:30 发布
最新推荐文章于 2024-05-21 09:56:30 发布
阅读量825 收藏
点赞数
分类专栏： 前端 diff 文章标签： github git diff
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_37221852/article/details/124850227
版权
前端 同时被 2 个专栏收录
24 篇文章 0 订阅
订阅专栏
diff
1 篇文章 0 订阅
订阅专栏

使用教程

1、安装插件
npm install -g diff2html-cli
2、对比两个文件，输出文件
  diff -u file1.js file2.js  | diff2html -i stdin -F my-pretty-diff.html
3、对比本地版本和git上一次版本差异
diff2html -F my-pretty-diff.html -- -M HEAD
效果一览

在这里插入图片描述

附录

diff2html-cli 参考文档

爱忽悠的唐唐
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
diff2html-cli-漂亮的git diff到HTML生成器-Node.js开发
05-27
diff2html-cli-漂亮的git diff到HTML生成器diff2html-cli的diff到html从终端中的统一和git diff输出生成漂亮HTML diff目录功能在线示例发行版设置用法退出状态代码自定义HTML包装器模板示例贡献开发许可证谢谢功能统一diff和Git diff输入逐行和并列diff输入新旧行号插入和删除的行GitHub风格代码语法高亮显示行相似度匹配O
CodeMirror文字比对
juliotang的博客
03-19 5592
因为一直想写一个文字比对的工具，所以研究了一下，采用了CodeViewer，官方地址：https://codemirror.net/ CodeViewer的核心是代码编辑器，但是文件比对的话可以直接用它的merge插件MergeView 因为我想放在自己的主站上，而我的主站采用angular7作为技术栈，所以这里以angular为例使用MergeView制作自己的文字比对工具 Angular引用C...
引领代码差异展示新风尚：diff2html-cli
最新发布
gitblog_00027的博客
05-21 216
引领代码差异展示新风尚：diff2html-cli 项目地址:https://gitcode.com/rtfpessoa/diff2html-cli 在开发过程中，查看和理解代码差异是日常任务之一。diff2html-cli 是一款强大的命令行工具，它可以将传统的统一格式或Git的差异输出转化为美观易读的HTML格式，让你的代码差异对比体验升级到一个新的层次。 项目简介 diff2html-cli...
npm之diff2html
weixin_45225432的博客
03-06 522
线上例子(https://diff2html.xyz/) 转载(https://zhuanlan.zhihu.com/p/54007274?from_voters_page=true&utm_id=0)
GitHub 仓库对比工具 —— github-compare
Keson
05-25 2093
我们在做框架调研时，你可能会先通过 google 去搜索相关关键词得到一些结果，其次是从 GitHub 查看相应的 Topic 来选择合适的框架。相信大多数人 在选择框架时，不会随随便便就拿来用，而是查看一些该仓库的指标来决定是否选择，或者对多框架进行对比。
github代码比对颜色介绍
一只向入研坑的程序猿
12-04 2643
github代码比对
github-diff-explorer：GitHub Diff Explorer是一个Chrome扩展程序，可生成一个无缝的文件浏览器，并具有最低限度的关注
01-30
GitHub Diff Explorer是一个极简主义的浏览器插件，可在GitHub拉取请求中生成一个无缝的文件浏览器。 目前，该插件在Chrome和Firefox中均可用。 非常感谢的徽标和横幅设计！产品特点具有全屏视图和可调整大小的...
GitHub Diff Explorer-crx插件
03-09
GitHub Diff Explorer是一个Chrome扩展程序，可生成无缝的文件浏览器，并具有最低限度的重点。 此扩展程序提供：-具有全角视图和可调整大小的浏览器的更多屏幕空间-具有可折叠文件夹视图的改进的评论管理和组织-线...
github上传文件
01-07
安装github 下载地址：https://git-for-windows.github.io/ 一直下一步就好了 然后登入github官网（有梯子建议用梯子，因为服务器在美国，速度很慢） 介绍 什么是github，可以理解为一个在线文件夹； 新建一个仓库就...
github 生成token的方法图解
10-14
主要介绍了github 生成token的方法，本文通过图文并茂的形式给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧
diff2html-cli：与html javascript cli相当的差异（diff2html-cli）
02-02
diff2html-cli Diff to Html从终端中的统一和git diff输出生成漂亮HTML diff 目录 产品特点 统一diff和Git diff输入 line-by-line和side-by-side差异 新旧行号 插入和删除的行 GitHub风格 代码语法重点 线相似度匹配 在线示例 转到 发行版 建立 npm install -g diff2html-cli 用法 用法：diff2html [标志和/或选项]-[git diff passthrough标志和选项] 旗 别名 描述 选择 默认 -s - 风格 输出方式 line ， side line --sc --synchronizedScroll 同步水平滚动 true ， false true --hc --highlightCode 突出显示代码 true ， false true --su - 概要 显示文件摘要 closed ， open ， hidden closed -d --diffStyle 差异样式 word ， char word --lm
前端项目-prettydiff.zip
09-03
前端项目-prettydiff,几种基于Web的语言的语言感知代码比较工具。它还美化、缩小和其他一些东西。
diff2html-cli-PrettygitdifftoHTMLgenerator
08-09
diff2html-cli - Pretty git diff to HTML generator
Github diff助手「Github diff helper」-crx插件
03-09
当一个github diff中有太多文件时，这个扩展可以帮助您过滤掉噪声。 ★★★★★已更新为可与新的github异步加载文件一起使用★★★★★Github的差异视图非常棒，它们使您可以轻松地进行代码审查，但有时还有很多事情...
github上的文件比对
weixin_30624825的博客
03-06 2168
Skip to content This repository Pull requests Issues Marketplace ...
类似 git 前端代码比对
MFWSCQ的博客
12-14 712
类似于 gitee 选择 对比源和目标，然后获取两个版本的文件目录树，再根据选择的具体文件对比两个文件的内容，一般是对比源相对于目标的文件改动进行差异化展现，在内容上就是 增加、删除、变更。
linux 对比文件差异 md,GitHub - Hanmengnan/Linux-Simple-File-System: 与实际Linux实现文件系统的思路存在差异，仅仅从个人想法及实现难以角度出发...
weixin_31509859的博客
04-30 65
Linux 简单文件系统实现前言存储设备分区文件系统的最终目的是把大量数据有组织的放入持久性的存储设备中，比如硬盘和磁盘。这些存储设备与内存不同。它们的存储能力具有持久性，不会因为断电而消失；存储量大，但读取速度慢。观察常见存储设备。最开始的区域是MBR，用于Linux开机启动(参考Linux开机启动)。剩余的空间可能分成数个分区(partition)。每个分区有一个相关的分区表(Partitio...
diff git 代码实现_手动实现高仿github的内容diff效果
weixin_39748928的博客
02-01 460
前言最近发现了一个比较好用的内容diff库(就叫diff)，非常方便js开发者实现文本内容的diff，既可以直接简单输出格式化的字符串比较内容，也可以输出较为复杂的changes数据结构，方便二次开发。这里笔者就基于这个库实现高仿github的文本diff效果。效果演示实现了代码展开，单列和双列对比等功能。示例如下：image代码演示站点如何实现核心原理最核心的文本diff算法，由diff库替我们...
github自动生成文件目录结构
05-26
GitHub 并没有提供自动生成文件目录结构的功能，但是你可以使用一些第三方工具来实现这个功能。下面介绍两种方法： 1. 使用 GitHub Actions GitHub Actions 是 GitHub 提供的一项功能，可以自动化执行各种任务。你可以编写一个 GitHub Actions 的脚本，在每次 push 到仓库时自动生成文件目录结构。具体步骤如下： - 创建一个空的 `.github/workflows` 目录 - 在该目录下创建一个 `generate-directory.yml` 文件，并添加如下内容： ```yaml name: Generate Directory Structure on: push: branches: - master jobs: build: runs-on: ubuntu-latest steps: - uses: actions/checkout@v2 - name: Generate Directory Structure uses: peter-evans/create-pull-request@v3.7.0 with: commit-message: 'generate directory structure' branch: add-directory-structure title: 'generate directory structure' body: 'Automatically generated directory structure' path: '/' delete-branch: true token: ${{ secrets.GITHUB_TOKEN }} ``` - 将上述代码中的 `path: '/'` 修改为你要生成目录结构的根目录 - 推送代码到仓库，GitHub 将自动执行该脚本，并在成功后生成一个 Pull Request，包含新生成的文件目录结构。 2. 使用第三方工具 除了使用 GitHub Actions，你还可以使用一些专门为 GitHub 提供服务的第三方工具，如 treeify 和 Directory Tree。这些工具可以帮助你生成文件目录结构，并将其添加到 README 文件中。你只需要在 README 文件中添加类似于以下的 Markdown 代码： ``` ```bash $ tree . ├── file1.txt ├── file2.txt ├── folder1 │ ├── file3.txt │ └── file4.txt └── folder2 └── file5.txt ``` ``` 然后将该代码块渲染到 README 文件中即可。每次更新文件目录结构时，只需要更新代码块中的内容即可。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值