# VueCodeDiff

**Repository Path**: visualhu/VueCodeDiff

## Basic Information

- **Project Name**: VueCodeDiff
- **Description**: 基于Vue，Element-UI实现的git code diff的可视化显示
- **Primary Language**: NodeJS
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 7
- **Forks**: 4
- **Created**: 2018-07-26
- **Last Updated**: 2022-12-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vuediff

> A Vue.js project

## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report
```

For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).

## Demo

参考vue-code-diff (https://github.com/ddchef/vue-code-diff)

实现了git diff内容的格式化显示
![demo](./snapshot.png)

- 使用了highlight.js插件
- 使用了diff2html的插件