开源的vue前端后台项目：一个适合初学者学习的VUE后台项目

开源的vue前端后台项目：一个适合初学者学习的VUE后台项目包括如何部署，如何搭建项目，vue的小坑等等作者都有写文档地址：https://juejin.im/post/5c0e450ee51d4504bc5e4038源码地址：https://github.com/whylisa/vue-admin-step-by-step

这次分享的项目不适合直接拿来改，页面还很简陋，基本就是毛坯房，但是非常适合用来学习。

一个用VUE做的后台项目vue-admin-stepbystep

该项目作者的定位就是手把手教你做项目

所以在工程中有大量的注释，非常适合刚开始学习VUE的朋友。

里面的技术点基本全部都有注释

包括如何部署，如何搭建项目，vue的小坑等等作者都有写

项目功能

• 1 登录
• 2 首页
• 3 退出
• 4 table页

项目技术点

• 1，使用vue
• 2，使用echarts
• 3 使用json-server (系列二写详细文档)
• 4 使用node起一个简单的服务 服务于接口(系列二写详细文档)
• 5 使用axios
• 6 vue-router的使用规则(异步加载，和同步加载)
• 7 回话拦截的使用（localstorage or cookie）
• 8 配合element-UI
• 9 修改组件里面的样式里面的坑
• 10 打包时的优化
• 11 DNS优化
• 12 配置本地代理，使用接口(系列二写详细文档)
• 13 使用axios配合json-server 模拟增删改查(系列二写详细文档)
• 14 使用nprogress 插件
• 15 鲜为人知的element-UI 的滚动条
• 16 栅格布局，大小屏适应配合媒体查询
• 17 css使用less
• 18 代码风格，个人风格，禁用了jslint 防止不懂得小伙伴抓狂
• 19 兼容性的处理(系列二写详细文档)

文档地址：https://juejin.im/post/5c0e450ee51d4504bc5e4038

源码地址：https://github.com/whylisa/vue-admin-step-by-step