uniapp的结构目录分析

名称含义内容截图
pages页面存放目录页面在这里插入图片描述
static存放应用引用静态资源的目录,注意:静态资源只能存放于此字体、图标、图片、css、js在这里插入图片描述
App.vue项目的根组件,所有页面都是在App.vue下进行切换的,是页面的入口文件,可以调用应用的生命周期函数统一样式(scss、字体样式等)、定义应用的生命周期和统一方法在这里插入图片描述
main.js应用入口文件初始化vue实例并使用需要的插件。引入全局的组件、挂载属性、过滤使用的属性。在这里插入图片描述
manifest.json应用配置文件用于指定应用的名称、图标、权限在这里插入图片描述
pages.json全局配置文件页面文件的路径、窗口样式、原生的导航栏、底部的原生tabba在这里插入图片描述
common存放公用的文件
components自定义组件目录定义的组件在这里插入图片描述
storevuex目录引入vue和vuex、使用vuex临时存储变量在这里插入图片描述
unpackage存放打包后的文件,新建的项目是没有的。(使用微信开发者工具运行后,也会出现此文件夹)
对于打包后的文件,还需要说的是:如果打包后,相关组件或者图片失去了效果,可能是打包后的相关内容的引用路径出现了改变,导致错误。
在这里插入图片描述
uni.scss全局样式文件,uni-app的内置的scss变量,可以直接使用,用途是为了方便整体控制应用的风格。比如按钮颜色、边框风格,uni.scss文件里预置了一批scss变量预置。引入uview-ui/theme.scss文件。定义颜色变量,在pages里可以直接定义颜色变量。在这里插入图片描述
env.js写地址,并暴露出去不同环境下的地址在这里插入图片描述
封装方法的js封装请求的方法写在static/js下在这里插入图片描述

参考博主:https://blog.csdn.net/qq_45613931/article/details/109922547

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值