vue-element-admin 从 2017.04.17提交第一个 commit 以来，维护至今已经有两年多的时间了了，发布了四十多个版本，收获了三万多的 stars，远远的超出了自己的预期。距离上次手摸手系列教程也已经过去了很久，主要因为：作为一个个人开源项目，维持它已经很难了，所以真的没啥时间写详细的教程了，光是维护项目 文档 就让...

本篇文章其实陆陆续续写了快半年，主体部分写好了很久了，但由于种种原因一直没有发布。首先来说说写这篇文章的主要初衷是：在做前端后台项目的时候经常会用到很多 icon 图标，刚开始还好，但随着项目的不断迭代，每次修改添加图标会变得很麻烦，而且总觉得不够优雅，就开始琢磨着有啥简单方便的工作流呢？

完整项目地址：vue-element-admin 系列文章： 手摸手，带你用vue撸后台 系列一（基础篇） 手摸手，带你用vue撸后台 系列二(登录权限篇) 手摸手，带你用vue撸后台 系列三 (实战篇) 手摸手，带你用vue撸后台 系列四(vueAdmin 一个极简的后台基础模板) 手摸手，带你封装一个vue component 手摸手，带你优雅的使用 icon 手摸...

去年十月份开始用 vue 做管理后台的时候毫不犹豫的就选择了 element-ui，那时候 vue2.0 刚发布也没多久，市面上也没有很多其它的 vue2.0 的 ui 框架可供选择。虽然 element-ui 也有很多的不足，前期的bug也不少，但我还是选择了它，简单说一下我选择element-ui的原因吧：

完整项目地址：vue-element-admin 系列文章： 手摸手，带你用vue撸后台 系列一（基础篇） 手摸手，带你用vue撸后台 系列二(登录权限篇) 手摸手，带你用vue撸后台 系列三 (实战篇) 手摸手，带你用vue撸后台 系列四(vueAdmin 一个极简的后台基础模板) 手摸手，带你封装一个vue component 手摸手，带你优雅的使用 icon 手摸...

说好的教程终于来了，第一篇文章主要来说一说在开始写实际业务代码之前的一些准备工作吧，但这里不会教你 webpack 的基础配置，热更新原理是什么，webpack速度优化等等，有需求的请自行 google，相关文章已经很多了。

这半年来一直在用vue写管理后台，目前后台已经有七十多个页面，十几种权限，但维护成本依然很低，效率依然很高，所以准备开源分享一下后台开发的经验和成果。目前的技术栈主要的采用vue+element+axios.由于是个人项目，所以数据请求都是用了mockjs代替。

最近几个月我司把之前两三年的所有业务都用了 vue 重构了一遍，前台使用 vue+ssr，后台使用了 vue+element，在此过程中封装和自己写了很多 vue component。其实vue 写 component 相当简单和方便，github上有很多的 vue component 都只是简单的包装了一些 jquery 或者原生 js 的插件，但我个人是不太喜欢使用这些第三方封...