Vuejs Admin Block

├── /build/          # 项目构建(webpack)相关配置
├── /config/         # 项目开发环境配置
├── /src/            # 源码目录
│ ├── /assets/       # 组件静态资源(图片)
│ ├── /components/   # 公共组件
│ ├── /config/       # 基础配置
│ ├── /mock/         # 数据模拟
│ ├── /router/       # 路由配置
│ ├── /services/     # 数据接口
│ ├── /store/        # vuex状态管理
│ ├── /utils/        # 工具函数
│ ├── /views/        # 路由组件(页面维度)
│ ├── App.vue        # 组件入口
│ └── main.js        # 程序入口
├── /static/         # 非组件静态资源
├── .babelrc         # ES6语法编译配置
├── .editorconfig    # 定义代码格式
├── .eslintignore    # ES6规范忽略文件
├── .eslintrc.js     # ES6语法规范配置
├── .gitignore       # git忽略文件
├── index.html       # 页面入口
├── package.json     # 项目依赖
└── README.md        # 项目文档

{
  path: '/manage/users',
  name: 'Users',
  component: resolve => {
    require(['@/views/manage/Users'], resolve)
  }
}

├── /src/
│ ├── /views/
│ │ ├── /manage/
│ │ │ ├── Users.vue

├── /src/
│ ├── /services/
│ │ ├── /manage/
│ │ │ ├── users.js

{
  name: 'Manage',
  path: '/manage',
  children: [{
    name: 'Users',
    path: '/manage/users'
  }]
}

├── /src/
│ ├── /mock/
│ │ ├── users.js

import users from './users'

// 用户管理
users(Mock, qs)

git clone https://gitee.com/cssui/vue-admin-block.git

# 安装依赖
yarn
# 或
npm i

# 启用热加载到 localhost:8090
npm start
# 或
npm run dev

# 构建最小测试
npm run test

# 构建最小生产
npm run build