精简Vue Element-ui实战练习项目

项目地址

Github github.com/fucaiwei
Gitee gitee.com/fucaiwei

安装步骤

1、安装  
npm install
2、运行  
npm run serve
3、打包  
npm run build

目录结构

src目录
src
├── assets
│   ├── css
│   │   └── common.styl
│   ├── images
│   │   ├── 404.jpg
│   │   └── avatar.png
│   ├── js
│   └── logo.png
├── common(共公封装)
│   ├── citys.js
│   └── mixins
│       ├── common.js
│       └── filter.js
├── config(配置)
│   ├── index.js
│   └── website.js
├── mock(模拟数据)
│   ├── api
│   │   ├── articles.js
│   │   ├── login.js
│   │   ├── menu.js
│   │   └── user.js
│   ├── request.js
│   └── server.js
├── router(路由)
│   ├── index.js
│   └── rules.js
├── store(Vuex相关)
│   └── index.js
├── views(模板文件)
│    ├── articles
│    │   ├── add.vue
│    │   ├── edit.vue
│    │   └── index.vue
│    ├── index
│    │   ├── echartsTpl.vue
│    │   └── index.vue
│    ├── layout
│    │   ├── asideHome.vue
│    │   ├── breadcrumb.vue
│    │   └── menuHome.vue
│    ├── login
│    │   └── index.vue
│    ├── site
│    │   ├── edit.vue
│    │   ├── index.vue
│    │   └── info.vue
│    ├── user
│    │   ├── add.vue
│    │   ├── edit.vue
│    │   └── index.vue
│    ├── error.vue
│    └── home.vue
├── main.js
└── App.vue

效果图