●●●
大家好，
我是一名刚步入社会的有志青年开发者。
在校学了三年的后端开发，没想到刚步入公司干起了前端工作，华丽的转变让我有点猝不及防，谁让我辣么优秀！
趁着头发茂密，让我们步入正题！
很有幸进入公司就参与了项目的开发，项目的前端是采用的Vue和Element框架，我刚拿到公司封装之后的Vue的脚手架翻了翻，瞬间感觉对不起老大，我不配当你小弟，请原谅我猜不透你的心思。何以解忧，唯有度娘。
熟悉了那么一个星期，让我最钦佩的是调用后端接口这块封装的代码，使用的时候仿佛像在写java调用类的静态方法一样，就像这样AppController.create，有人肯定会问你的参数是不是让狗吃了，兄台白慌，听哥说完，你不看完我咋提高阅读量，下面请不要随地吐痰。
作为前端开发，避免不了与后台接口打交道，经常要去接口文档或者访问swagger网址查看接口详情，就导致代码和查看接口之间来回切换。年轻手速快记性好的请随意。
接口联调的时候如何一眼就能知道该调哪个接口和传哪些参数很重要，有助于开发的效率。如果有一种将接口信息植入到前端项目里，调用的时候它还能提示你调哪个方法，参数还能一目了然的方式，那就美滋滋了。然而在这里，你赚大了。
框架的灵魂在于它的设计思想，在这里仅传授设计思想，不然就像我最近写论文一样半天憋不出俩字写个猴年马月。
唉
前面写的有点啰嗦了，
下面那就开始掉头发吧。
首先了解一下前端管理后台接口的架构流程，技术选型后端要使用swagger接口管理，前端vue使用vuex状态管理，解析swagger需要用到Handlebars模板编译和fs文件解析。
1、使用Swagger。
首先要想设计好这块，必须要求后台服务引入swagger插件，它就是一款让你更好的书写API文档的框架。如果你公司没有用它就lower了，我不是求针对，我就是针对你。
2、解析Swagger和生成actions。
后台服务启动后访问