# vue2-client

基于Vue Antd Admin封装的通用基础组件

## 完整引入

```javascript
import Vue from 'vue'
import App from './App.vue'
import Router from 'vue-router'
import Vuex from 'vuex'
import '@vue2-client/mock'
import { routerOptions, modules, i18n, message, bootstrap } from 'vue2-client'

Vue.use(Router)
Vue.use(Vuex)
// 创建router store
const store = new Vuex.Store({ modules })
const router = new Router(routerOptions)

bootstrap({ router, store, i18n, message })
new Vue({
  router,
  store,
  i18n,
  render: h => h(App)
}).$mount('#app')

注意引入项目请添加webpack别名配置
config.resolve.alias.set('@vue2-client', path.resolve(__dirname, 'node_modules/vue2-client/src'))
```

## 目录结构

  ```
  ├── docs                     # 文档
  ├── public
  │   └── favicon.png          # favicon
  │   └── index.html           # 入口 HTML
  ├── src
  │   ├── assets               # 本地静态资源
  │   ├── base-client          # 基础组件和基础vue插件(全局注册)
  │   ├── components           # 内置通用组件(按需引入)
  │   ├── config               # 系统配置
  │   ├── layouts              # 通用布局组件(按需引入)
  │   ├── mock                 # 本地 mock 数据
  │   ├── pages                # 页面组件
  │   ├── router               # 路由配置
  │   ├── services             # 数据服务模块
  │   ├── store                # vuex 状态管理配置
  │   ├── theme                # 主题样式相关
  │   ├── utils                # js 工具
  │   ├── App.vue              # 应用入口组件
  │   ├── bootstrap.js         # 应用启动引导js
  │   ├── index.js             # 应用导出js
  │   └── main.js              # 应用入口js
  ├── tests                    # 单元测试  
  ├── package.json             # package.json
  ├── README.md                # README.md
  └── vue.config.js            # vue 配置文件
  ```

## 文档入口

[入口](docs/index.md)
