ddchef / vue-code-diff

vue文件差异对比
170 stars 40 forks source link

【推广】一个基于此插件开发,解决bug且新增功能的插件,同时支持 vue2/3 #63

Open Shimada666 opened 3 years ago

Shimada666 commented 3 years ago

2023.06.27更新 目前 v-code-diff 已更新到 1.5.1 版本,比原先多支持以下功能,欢迎大家使用:

  1. 更精确的语法高亮
  2. 支持点击折叠行展开 diff 中被折叠的内容(类似 github code diff 组件)
  3. 更快的 diff 速度(两个 1w 行的文件 diff 渲染速度在 1 秒内)
  4. 更小的打包体积(未压缩大概 200+ kb)
  5. 支持 cdn 引入

这个插件是我目前看到 vue 看起来最舒服的代码对比插件,我本人项目里也已使用一年多了,特别感谢作者的贡献。由于使用过程中发现一些不足,也有一些样式上的bug,因此本人也做了一些微小的贡献,基于此插件优化了一下,制作了一个新的代码对比插件,已经迭代到 0.3.3 版本,功能也趋于稳定,希望能帮到一些有需要的朋友,也再次感谢作者的代码。

新插件 Props 基本与此插件相同

新插件带来了什么? 【问题修复】

【新增特性】

  1. 异步高亮代码,提升页面渲染性能
  2. 支持配置是否高亮代码
  3. 高亮前后增加钩子函数,支持自定义配置是否高亮
  4. 更小的打包体积
  5. 支持 vue3

点击试用 Github地址