Rethinking and sorting out the directory structure of uniapp app.vue [base] pages.json [configuration] main.json [frame entry file]

The role of App.vue is global style + global life cycle, which is equivalent to the BaseControlller file in PHP [Base]

The role of pages.json is to configure routing + navigation bar + tabs + tabbar, which is equivalent to the route.php+config file in PHP [Configuration]

When main.json is used, the vue initialization entry file is equivalent to PHP’s index.php. This file will reference tp classes, etc. [Frame entry file]

┌─cloudfunctions        云函数目录(阿里云为aliyun,腾讯云为tcb,详见uniCloud)
│─components            符合vue组件规范的uni-app组件目录
│  └─comp-a.vue         可复用的a组件
├─hybrid                存放本地网页的目录,详见
├─platforms             存放各平台专用页面的目录,详见
├─pages                 业务页面文件存放的目录
│  ├─index
│  │  └─index.vue       index页面
│  └─list
│     └─list.vue        list页面
├─static                存放应用引用静态资源(如图片、视频等)的目录,注意:静态资源只能存放于此
├─wxcomponents          存放小程序组件的目录,详见
├─main.js               Vue初始化入口文件
├─App.vue               应用配置,用来配置App全局样式以及监听 应用生命周期
├─manifest.json         配置应用名称、appid、logo、版本等打包信息,详见
└─pages.json            配置页面路由、导航条、选项卡等页面类信息,详见

 

Guess you like

Origin blog.csdn.net/fujian9544/article/details/112169231