### 简介

DatagoVueUI 组件，面向数据治理业务独立前端 UI 框架。

### 技术栈

vue+vuex+vue-router+webpack+eslint+axios+elementUI

### 优点

1. 高复用性
2. 统一管理依赖库
3. 不同模块使用的依赖各自按需打包
4. 模块之间相互独立运行、编译、打包
5. 模块之间可以直接互相引用

### 引入方法

## 一、全局引用

```js
import DatagoVueUI from 'datago-vue-ui'
import 'datago-vue-ui/lib/styles/index.css'

Vue.use(DatagoVueUI)
```

## 二、按需引用

```sh
npm install babel-plugin-component -D
```

# .babelrc 中配置

```js
"plugins": [
    [
      "component",
      {
        "libraryName": "datago-vue-ui",
        "camel2Dash": true,
        "style": false,
        "libDir": "lib",
        "styleLibrary": {
          "name": "styles",
          "base": false,
          "path": "[module].css"
        }
      }
    ]
  ]
```

# main.js 中配置

```js
import { DgJsonView } from 'datago-vue-ui'

Vue.use(DgJsonView)
```

### 文档源码安装

安装

- npm install -g vuepress
- npm run docs:dev
- npm run docs:build

### 项目 npm 命令说明:

```bash
# 淘宝镜像安装依赖
npm install --registry=http://192.168.2.80:8081/repository/group-npm/

# 组件安装
npm i -D DatagoVueUI

```