0.开发准备

效果预览

最终效果预览

项目地址

github地址、 码云地址

准备

此管理后台为纯前端项目，无需后台服务，减轻开发难度，数据由easy-mock、mockjs提供模拟数据，接口请求无差别

Element 一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库
easy-mock 一个可视化，并且能快速生成模拟数据的服务
Mock.js 生成随机数据，拦截 Ajax 请求
vue-cli vue官方脚手架工具
vue 官方文档
echarts 个性化定制的数据可视化图表

从零开始

1.初始化项目

vue init webpack universal-vue-admin

初始化项目

2.安装依赖

cd universal-vue-admin
npm install

安装依赖

3.启动项目

npm run dev

hello vue

1.模拟数据及开发，线上环境分配