vue2-client

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

完整引入

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 配置文件

文档入口

入口