效果预览
![](https://img.haomeiwen.com/i7704547/68cb3075e9fedd8e.gif)
项目地址
准备
此管理后台为纯前端项目,无需后台服务,减轻开发难度,数据由easy-mock、mockjs提供模拟数据,接口请求无差别
Element 一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库
easy-mock 一个可视化,并且能快速生成模拟数据的服务
Mock.js 生成随机数据,拦截 Ajax 请求
vue-cli vue官方脚手架工具
vue 官方文档
echarts 个性化定制的数据可视化图表
从零开始
1.初始化项目
vue init webpack universal-vue-admin
![](https://img.haomeiwen.com/i7704547/faf1c31b04d9bd8d.png)
2.安装依赖
cd universal-vue-admin
npm install
![](https://img.haomeiwen.com/i7704547/b58d596b74d5ea06.png)
3.启动项目
npm run dev
![](https://img.haomeiwen.com/i7704547/9ac8ddc513a38759.png)
1.模拟数据及开发,线上环境分配
网友评论