从0搭建前端架构！

这几天我一直在从事前后端分离的工作，然后公司也开了一个新的项目，然后需要我去搭建前端的架构！我就负责起了这个事情！

首先第一步，在github上面寻找好架构，直接down下来哈哈哈哈哈https://github.com/pure-admin/vue-pure-admin我用的是这个框架

直接down下来，然后进行模改，把左侧菜单栏去掉，然后增加新的菜单，然后渲染页面，搭建好一些接口的包，这样项目雏形就成啦！接下来看看效果吧！

这个是项目的目录！

我们常用的一般都在src目录下面，api就是传接口的地方，然后views就是视图层，相信聪明的你肯定已经会了，哈哈哈哈！

然后我修改的左侧菜单栏也在views里面直接进行删改就行了！这里面还有一个modules这个ts文件也是控制左侧菜单栏的，，这样就可以重构好自己的架构了！然后开始渲染页面

给大家看一下我渲染的页面吧