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

一个用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