## 项目地址 [git-diff-view](https://github.com/MrWangJustToDo/git-diff-view) ## Demo地址 [demo](https://mrwangjusttodo.github.io/git-diff-view/) ## 核心功能 1. 0配置渲染Diff View组件 2. 支持纯Diff / 可折叠Diff（需要源文件内容） 3. SSR支持 4. Web worker支持 5. Widget支持 6. Unified View / Split View 7. Scroll View / Wrap View ## 截图 1. 完整视图（`git --diff` + 源文件内容） <img width="1305" alt="image" src="https://github.com/ruanyf/weekly/assets/57748455/813af5d8-0b47-4318-8584-e96d7d8ed36b"> 2. 纯Diff（`git --diff`） <img width="1303" alt="image" src="https://github.com/ruanyf/weekly/assets/57748455/9b7b422a-63da-44c0-a9d2-c4bd648eedd3"> 3. React + Vue <img width="1378" alt="image" src="https://github.com/ruanyf/weekly/assets/57748455/89cbdb80-9cce-4ba2-92a1-246d42870a54"> 4. Unified / Split <img width="1383" alt="image" src="https://github.com/ruanyf/weekly/assets/57748455/b0efd2af-b6e4-4fa0-8090-a3cba689ad3f"> ## Packages | Package | Version | | :---------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------------------- | | [`@git-diff-view/core`](packages/core) | [](https://www.npmjs.com/package/@git-diff-view/core) | | [`@git-diff-view/react`](packages/react) | [](https://www.npmjs.com/package/@git-diff-view/react) | | [`@git-diff-view/vue`](packages/vue) | [](https://www.npmjs.com/package/@git-diff-view/vue)
项目地址
git-diff-view
Demo地址
demo
核心功能
截图
git --diff+ 源文件内容）Packages
@git-diff-view/core@git-diff-view/react@git-diff-view/vue