请稍等...正在玩命加载中......

vue后台管理系统笔记


后台管理系统模板介绍

简洁版: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——项目配置项文件


文章作者: JinJunzheng
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 JinJunzheng !
评论
评论
  目录