开源一个 Github like 的 Diff view 前端组件，可以通过传入 `git --diff` 的输出来得到视图，方便有需要内部做 code review 平台的伙伴。组件支持 React / Vue，开箱即用

[mrwangjustsay]

项目链接 https://github.com/MrWangJustToDo/git-diff-view

npm 分为了三个包：

1. @git-diff-view/core 纯数据处理逻辑
2. @git-diff-view/react react 组件，你可以只安装这个包来体验
3. @git-diff-view/vue vue 组件，同上

ps：为了解决渲染性能问题，组件支持 webworker 的用法，可以查看主页例子

[xuqiccr]

好活！已 star

[mrwangjustsay]

@xuqiccr 感谢！

[undertonememorie]

已 star

[mrwangjustsay]

@undertonememorie

[gxy2825]

这个和 vscode 的 git 插件有什么区别吗（后端，纯好奇）

[tikazyq]

跟 Monaco Editor https://microsoft.github.io/monaco-editor/ 的 diff editor 有啥区别？

[ooonme]

我记得有个终端版的，不知道是不是你做的，那个我非常爱

[mrwangjustsay]

@gxy2825 据我所知 同类型的比较知名的是 diff2html ，奈何体验太差 功能太少 自定义也不足 所以直接参考 github 的 UI 和逻辑搞了一个。主要是方便有需要在公司内部自己搭一个 code review 平台的需求这种情况，当然本质上来说这个是一个纯前端组件，所以可以用在任何地方，既可以用在 vscode 中 也可以用在网页上

[mrwangjustsay]

@tikazyq monaco 当然牛 但是重 而且只是纯看 diff 的话就不太合适了 没有自定义的 widget 组件，类似于评论之类的功能实现起来就很麻烦了
如果我没记错的话 monaco 的折叠功能也是最近才出来的，之前一直没有。总之就是可以用 但是配置麻烦

[mrwangjustsay]

@ooonme 并不是😁 其他大佬做的