UniAPP 目录结构详细介绍(及条件编译文件夹详解)

  • 官方文件目录结构详解

    ┌─uniCloud              云空间目录,阿里云为uniCloud-aliyun,腾讯云为uniCloud-tcb(详见uniCloud)
    │─components            符合vue组件规范的uni-app组件目录
    │  └─comp-a.vue         可复用的a组件
    ├─hybrid                App端存放本地html文件的目录,详见
    ├─platforms             存放各平台专用页面的目录,详见
    ├─pages                 业务页面文件存放的目录
    │  ├─index
    │  │  └─index.vue       index页面
    │  └─list
    │     └─list.vue        list页面
    ├─static                存放应用引用的本地静态资源(如图片、视频等)的目录,注意: 静态资源只能存放于此
    ├─uni_modules           存放[uni_module](/uni_modules)。
    ├─wxcomponents          存放小程序组件的目录,详见
    ├─nativeplugins         App原生插件 详见
    ├─unpackage             非工程代码,一般存放运行或发行的编译结果
    ├─main.js               Vue初始化入口文件
    ├─App.vue               应用配置,用来配置App全局样式以及监听 应用生命周期
    ├─manifest.json         配置应用名称、appid、logo、版本等打包信息,详见
    ├─pages.json            配置页面路由、导航条、选项卡等页面类信息,详见
    └─uni.scss              这里是uni-app内置的常用样式变量 
    
  • 官方 - 文件目录使用介绍

    - pages					页面存放目录
    - static				静态资源目录(如图片、视频等,静态文件只能存放到这里)
    - App.vue				应用入口文件(跟小程序 app.js 类似,如:APP全局样式、监听声明周期)
    - main.js				应用入口文件(如:Vue 初始化、定义全局组件 ...)
    - manifest.json			项目配置文件(如:应用名称、appid、logo、版本、启动页 ...)
    - pages.json			页面配置文件(如:页面路由、导航条、选项卡 ...)
    - uni.scss				全局样式(如:按钮颜色、样式风格 ...)
    - unpackage				编译后的文件存放目录
    
    - 注意:下面需要自建的,根据项目开发情况创建即可。
    
    - api					请求封装存放目录(自建)
    - common				公共文件存放(自建)
    - components			自定义组件存放(自建)- uniapp
    - wxcomponents			小程序组件存放(自建)- wx
    - store					vuex 状态管理(自建)
    - utils   				公共工具目录(自建)
    - hybrid				存放本地网页目录(自建)
    - platforms				存放各平台专用页面目录(自建)
    - vue.config.js			vue 配置管理(自建)
    - vite.config.js        vite 配置管理(自建)
    
  • 案例:跨平台小程序开发目录

    请添加图片描述
    请添加图片描述

  • 5
    点赞
  • 25
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

卡尔特斯

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值