首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
vue.js
V2EX  ›  Vue.js

有没有类似于 Git 的性能还可以的基于 Vue 的文本对比工具?

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

    需求是在提交前想对比当前文本和历史文本的差别( nginx 的配置文件 nginx.conf,大概以后能有一千多行吧),并把差别展示出来,就像 git commit 的时候那样。目前看有 code-diff ( https://github.com/ddchef/vue-code-diff) 和 codemirror ( https://codemirror.net/) 这两个,前者有人在 issues 里说到了大概到 2000 行的时候就会卡死;后者貌似挺老的了,不知道和 Vue 配合起来用有没有什么坑。大佬们有没有什么好的文本对比工具推荐?

    22 回复  |  直到 2019-08-26 09:22:26 +08:00
        1
    Rheinmetal   53 天前
    git diff 不够用嘛?
        2
    hronro   53 天前
    系统内置的 diff 不行?
    或者可以试试这个: https://github.com/so-fancy/diff-so-fancy
        3
    zhoudaiyu   53 天前
    @Rheinmetal
    @hronro
    感谢回复。是想把对比结果展示在页面里。
        4
    seki   53 天前
    monaco editor 有 diff 模式
        5
    luozic   53 天前 via iPhone
    对比结果展示在页面? code review 工具?
        6
    zhoudaiyu   53 天前
    @luozic 类似这种
        7
    arrow8899   53 天前
    diff2html 可以把 git diff 结果转换成 html 展示;或者是用 google-diff-match-patch 也有 js 版的
        8
    otakustay   53 天前
    我有个 react 版本的,性能和功能方面都基本完善了,mozilla 也在用,要不用 vuera 套一下用吧
    https://github.com/otakustay/react-diff-view
        9
    arrow8899   53 天前
    顺便说下,文本 diff 本来就很耗 CPU,量大了自然就卡,所以一般是在后端 diff,然后交给前端渲染;
    也可以直接用 bitbucket 等商业版的,用户较少时可以免费使用。
        10
    liangkang1436   53 天前 via Android
    idea 自带的 diff 不够用吗?
        11
    duan602728596   53 天前 via iPhone
    我还真就写过一个,是 react 版本的
        12
    Takamine   53 天前
    Beyond Compare。
        13
    JimmyTinsley   53 天前
    phabricator
        14
    zhoudaiyu   53 天前
    @Takamine
    @liangkang1436
    是要在前端展示对比结果的
        15
    XiaoxiaoPu   53 天前
    写一个后端服务专门用来做 diff 嘛,前端只用来展示。看下 github.com/ddchef/vue-code-diff 的源码就知道他其实是用 www.npmjs.com/package/diff 这个库生成 diff 结果,量大的话自然会卡,把这部分用后端实现就没问题了。
        16
    zhoudaiyu   53 天前
    @XiaoxiaoPu 后端实现的话,有啥好用的 pip 包吗
        17
    XiaoxiaoPu   53 天前   ♥ 1
    @zhoudaiyu 后端是 python ?那直接用标准库 difflib 就行了
        18
    Heanes   53 天前
    我也有类似需求,Mark
        19
    weixiangzhe   53 天前 via iPhone
    color diff 吧
        20
    xy2401   52 天前
    vscode ( monaco ) 可以网页 上对比两个文本
    [Monaco Editor]( https://microsoft.github.io/monaco-editor/)

    Diff Editor
    Side by side live comparison

    Supports all languages out of the box
        21
    zhjie   52 天前
    战略性马克
        22
    zhjie   52 天前
    回了才记起有加入收藏...
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2115 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 24ms · UTC 00:25 · PVG 08:25 · LAX 17:25 · JFK 20:25
    ♥ Do have faith in what you're doing.