1.uniapp项目文件构成
1.1 page.json
page.json 文件用来对 uni-app 进行全局配置,决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等。
1.2 manifest.json
manifest.json
文件是应用的配置文件,用于指定应用的名称、图标、权限等。HBuilderX 创建的工程此文件在根目录,CLI 创建的工程此文件在 src 目录。
1.3 vue.config.js
vue.config.js 是一个可选的配置文件,如果项目的根目录中存在这个文件,那么它会被自动加载,一般用于配置 webpack 等编译选项。
1.4 uni.scss
uni.scss文件的用途是为了方便整体控制应用的风格。比如按钮颜色、边框风格,uni.scss
文件里预置了一批scss变量预置。
1.5 app.vue
app.vue 是uni-app的主组件,所有页面都是在App.vue
下进行切换的,是页面入口文件。但App.vue
本身不是页面,这里不能编写视图元素。
这个文件的作用包括:调用应用生命周期函数、配置全局样式、配置全局的存储globalData。
应用生命周期仅可在App.vue
中监听,在页面监听无效。
1.6 package.json
通过在package.json文件中增加uni-app
扩展节点,可实现自定义条件编译平台(如钉钉小程序、微信服务号等平台)。
1.7 main.js
main.js是uni-app的入口文件,主要作用是初始化vue
实例、定义全局组件、使用需要的插件如vuex。