本章节主要讲解uni-app程序开发中索要涉及到的配置文件,包含应用配置、页面配置、打包配置等。
3.1 配置概要
下面是一个空白的uni-app工程默认文件。
一个uni-app工程,默认包含如下目录及文件:
├─pages 业务页面文件存放的目录
│ ├─index
│ └─index.vue index页面
├─static 存放应用引用静态资源(如图片、视频等)的目录,注意:静态资源只能存放于此
├─App.vue 应用配置,用来配置App全局样式以及监听 应用生命周期
├─main.js Vue初始化入口文件
├─manifest.json 配置应用名称、appid、logo、版本等打包信息
└─pages.json 配置页面路由、导航条、选项卡等页面类信息
└─uni.scss uni-app内置的常用样式变量
pages.json 文件
用来对 uni-app 进行全局配置,决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等。
它类似微信小程序中app.json的页面管理部分。注意定位权限申请等原属于app.json的内容,在uni-app中是在manifest中配置。
manifest.json 文件
是应用的配置文件,用于指定应用的名称、图标、权限等。
package.json文件
通过在package.json文件中增加uni-app扩展节点,可实现自定义条件编译平台(如钉钉小程序、微信服务号等平台)。
uni.scss文件
用途是为了方便整体控制应用的风格。比如按钮颜色、边框风格,uni.scss文件里预置了一批scss变量预置。
App.vue
uni-app的主组件,所有页面都是在App.vue下进行切换的,是页面入口文件。但App.vue本身不是页面,这里不能编写视图元素。
这个文件的作用包括:调用应用生命周期函数、配置全局样式、配置全局的存储globalData
应用生命周期仅可在App.vue中监听,在页面监听无效。
main.js
uni-app的入口文件,主要作用是初始化vue实例、定义全局组件、使用需要的插件如vuex。