uni-app 项目目录结构

┌─components            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            配置页面路由、导航条、选项卡等页面类信息

注意:

-pages.json 详见

uni-app 个人建议的目录结构(模块化 + MVC)

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

大家都知道,现在都是互联网的时代,每个公司的业务都非常多,因此我们必须模块化开发,具体如下

  • framework
    • utils 存放工具类
    • network 网络请求相关
  • user 用户模块
    • view 存放页面的
    • service 存放请求数据
    • helper 本模块相关的帮助类

从大的方向我们要模块化开发,模块化我们要MVC分层思想!