V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
mrwangjustsay
V2EX  ›  分享创造

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

  •  1
     
  •   mrwangjustsay · 323 天前 · 1786 次点击
    这是一个创建于 323 天前的主题,其中的信息可能已经有所发展或是发生改变。

    效果预览 React/Vue 支持

    项目链接 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 的用法,可以查看主页例子

    10 条回复    2024-02-05 17:12:42 +08:00
    xuqiccr
        1
    xuqiccr  
       323 天前
    好活!已 star
    mrwangjustsay
        2
    mrwangjustsay  
    OP
       323 天前
    @xuqiccr 感谢!
    undertonememorie
        3
    undertonememorie  
       323 天前
    已 star
    mrwangjustsay
        4
    mrwangjustsay  
    OP
       323 天前
    gxy2825
        5
    gxy2825  
       323 天前
    这个和 vscode 的 git 插件有什么区别吗(后端,纯好奇)
    tikazyq
        6
    tikazyq  
       323 天前
    跟 Monaco Editor https://microsoft.github.io/monaco-editor/ 的 diff editor 有啥区别?
    ooonme
        7
    ooonme  
       323 天前
    我记得有个终端版的,不知道是不是你做的,那个我非常爱
    mrwangjustsay
        8
    mrwangjustsay  
    OP
       323 天前   ❤️ 1
    @gxy2825 据我所知 同类型的比较知名的是 diff2html ,奈何体验太差 功能太少 自定义也不足 所以直接参考 github 的 UI 和逻辑搞了一个。主要是方便有需要在公司内部自己搭一个 code review 平台的需求这种情况,当然本质上来说这个是一个纯前端组件,所以可以用在任何地方,既可以用在 vscode 中 也可以用在网页上
    mrwangjustsay
        9
    mrwangjustsay  
    OP
       323 天前   ❤️ 1
    @tikazyq monaco 当然牛 但是重 而且只是纯看 diff 的话就不太合适了 没有自定义的 widget 组件,类似于评论之类的功能实现起来就很麻烦了
    如果我没记错的话 monaco 的折叠功能也是最近才出来的,之前一直没有。总之就是可以用 但是配置麻烦
    mrwangjustsay
        10
    mrwangjustsay  
    OP
       323 天前
    @ooonme 并不是😁 其他大佬做的
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3790 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 00:53 · PVG 08:53 · LAX 16:53 · JFK 19:53
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.