后台管理系统模板介绍
简洁版:https://github.com/PanJiaChen/vue-admin-template
加强版:https://github.com/PanJiaChen/vue-element-admin
模板的文件与文件夹认知【简洁版】
build ——index.js webpack配置文件【很少修改这个文件】
mock——mock数据的文件夹【模拟一些假的数据mock.js实现的】 实际开发的时候,利用的是真实的接口
node_modules——项目依赖的模块
public——ico图标,静态页面,public 文件夹里面经常放置一些静态资源,而且在项目打包的时候webpack不会编译这个文件夹,原封不动的打包到dist文件夹里面
src——源代码存放的地方
—api文件夹:涉及请求相关的
—assets文件夹:里面放置一些静态资源(一般是共享的),放在aseets文件夹里面静态资源,在webpack打包的时候,会进行编译
—components文件夹:一般放置非路由组件获取全局组件
—icons这个文件夹的里面放置了一些svg矢量图
—layout文件夹:里面放置了一些组件与混入
—router文件夹:与路由相关
—store文件夹:一定是与vuex相关的
—style文件夹:与样式相关的
—utils文件夹:request.js是axios二次封装的文件
—views文件夹:里面放置的是路由组件
App.vue——根组件
main.js——入口文件
permission.js——与导航守卫相关
settings——项目配置项文件