位置:电子教程 > Uni-app入门到精通教程 (如果看不到内容请使用360浏览器) 推荐学习资源
前言
第1章 uni-app入门
2.1.1 应用生命周期
2.2 路由
2.3 运行环境判断
2.4 页面样式与布局
2.5 template 和 block
2.7 NPM支持
2.8 TypeScript 支持
2.9 小程序组件支持
2.10 WXS
3.1 配置概要
3.2 配置项列表 pages.json
3.3 manifest.json 配置项列表
3.4 package.json
3.5 vue-config.js
3.6 uni.scss
3.7 App.vue 3.7.1 应用生命周期
3.8 main.js
4.1 JSON 简介
4.2 JSON 语法
4.3 JSON 对象
4.4 JSON 数组
4.5 JSON.parse()
4.6 JSON.stringify()转字符串
4.7 eval函数
5.1uni-app常用语法
5.2 uni-app接口的使用
5.3 uni-app中表单的使用
5.4 uni-app中参数的使用
第6章 uni-app常用组件
当前阅读教程:Uni-app入门到精通教程 > 3.1 配置概要
阅读(22555525)      收藏       赞(5685)      分享
上一篇: 2.10 WXS 下一篇: 3.2 配置项列表 pages.json

第3章 常用配置

本章节主要讲解uni-app程序开发中索要涉及到的配置文件,包含应用配置、页面配置、打包配置等。

3.1 配置概要

下面是一个空白的uni-app工程默认文件。

一个uni-app工程,默认包含如下目录及文件:

├─pages                   业务页面文件存放的目录

  ├─index

      └─index.vue       index页面

├─static       存放应用引用静态资源(如图片、视频等)的目录,注意:静态资源只能存放于此

├─App.vue                应用配置,用来配置App全局样式以及监听 应用生命周期

├─main.js                Vue初始化入口文件

├─manifest.json         配置应用名称、appidlogo、版本等打包信息

└─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


【uniapp参考资料】

(1)uni-app跨平台开发 入门到实战 

https://ke.qq.com/course/package/26512


(2)uni-app 完整商城界面设计实战  

https://ke.qq.com/course/2381059


(3)基于vue的uniapp商城完整项目源代码 

https://ke.qq.com/course/3064977


(4)毕业设计网

http://www.pc-365.net


(5)小程序编程网

http://www.4317.org


(6)计算机编程网

http://www.05423.com


上一篇: 2.10 WXS 下一篇: 3.2 配置项列表 pages.json
毕业设计网             广告联系QQ:45157718(微信同号)