uni-app 介绍

uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架。
适用平台：Android、iOS、微信小程序。实现了一套代码，同时发布到Android、iOS、微信小程序。
官方：https://uniapp.dcloud.io/

开发

开发工具

（1）HBuilderX
下载地址：http://www.dcloud.io/hbuilderx.html
（2）微信开发者工具
下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

HBuilderX模拟器连接

夜神模拟器下载地址：https://www.yeshen.com/
（1）打开夜神模拟器
（2）找到模拟器安装目录，执行以下命令

nox_adb connect 127.0.0.1:62001
nox_adb devices

（3）找到hbuilder的adb.exe路径

（3）设置端口号

（4）选择项目运行-模拟器

框架介绍

官方：https://uniapp.dcloud.io/frame

目录结构

┌─components            uni-app组件目录
│  └─comp-a.vue         可复用的a组件
├─hybrid                存放本地网页的目录，详见
├─platforms             存放各平台专用页面的目录，详见
├─pages                 业务页面文件存放的目录
│  ├─index
│  │  └─index.vue       index页面
│  └─list
│     └─list.vue        list页面
├─static                存放应用引用静态资源（如图片、视频等）的地方，注意：静态资源只能存放于此
├─main.js               Vue初始化入口文件
├─App.vue               应用配置，用来配置App全局样式以及监听 应用生命周期
├─manifest.json         配置应用名称、appid、logo、版本等打包信息，详见
└─pages.json            配置页面路由、导航条、选项卡等页面类信息，详见

生命周期

参考官方：https://uniapp.dcloud.io/frame?id=应用生命周期

路由

参考官方：https://uniapp.dcloud.io/frame?id=路由

页面样式与布局

参考官方：https://uniapp.dcloud.io/frame?id=页面样式与布局

配置

pages.json

参考官方：https://uniapp.dcloud.io/collocation/pages

manifest.json

参考官方：https://uniapp.dcloud.io/collocation/manifest

组件、接口

参考官方：
https://uniapp.dcloud.io/component/README
https://uniapp.dcloud.io/api/README
参考官方提供示例模板

全局变量、方法

（1）定义
在App.vue的script标签中定义，如：

global.root = '全局的值';
global.isAuth = function(){return false;
}

（2）使用

在需要使用的页面中使用
变量：root
方法：isAuth()

uni-app跨平台APP开发相关推荐

跨平台APP JQuery Mobile开发-张晨光-专题视频课程
跨平台APP JQuery Mobile开发-1170人已学习课程介绍 jQuery Mobile 是创建移动 web 应用程序的框架: 适用于所有流行的智能手机和平板电脑,使用 H ...
跨平台 webapp 开发技术之 Hybrid App
前所知的 APP 开发模式有三种: 基于操作系统运行的 APP -> Native App,侧重于原生开发,用户体验好,需要安装才会升级基于浏览器运行的 APP -> Web App,侧 ...
CrossApp logo 跨平台app开发引擎
2019独角兽企业重金招聘Python工程师标准>>> 11月23日源创会年度(北京万豪酒店)千人盛典火热报名中 CrossApp简介 CrossApp是一款完全开源.免费.跨平台的 ...
App跨平台开发方案与抉择
内心强大才敢于承认错误,但是首先你要敢于去试错. 现在做客户端开发的公司都会面临一个巨大的问题,那么就是跨平台.对于目前上市面上的移动设备来说.Android.IOS.WindowsPhone.Bla ...
推荐几款App跨平台开发工具
众所周知开发App比较复杂,不仅要懂多种编程语言还要考虑高额的成本.作为开发者需要找到一个既节省成本又能快速开发App的最佳解决方案.不少跨平台开发工具便应运而生,选择一款适合自己的工具尤为重要,下面 ...
利用Qt开发跨平台APP（Android）
利用Qt开发跨平台APP(Android) 本文将手把手教你如何在Windows环境下,使用Qt编译出安卓应用程序. Qt是一个优秀的跨平台开发工具.我们利用Qt可以很方便地将一次编写的应用,多次编译 ...
详解跨平台APP的三种开发模式
目前市面上主流的APP开发模式有三种:一种是Andriod和IOS的原生APP开发:一种是WebApp HTML5开发,最后一种是Hybrid App混合式开发. 1.Navtive APP开发(原生 ...
视频教程-跨平台APP JQuery Mobile开发-jQuery
跨平台APP JQuery Mobile开发主要研究方向为J2EE..net .数据库 .前端.Android,曾经服务过大型上市国企IT部门,软件企业联合创始人,对软件研发管理.市场营销有自己独特 ...
MUI+H5开发移动APP/网易邮箱大师项目实战/Android、IOS跨平台应用开发-王翠英-专题视频课程...
MUI+H5开发移动APP/网易邮箱大师项目实战/Android.IOS跨平台应用开发-488人已学习课程介绍 MUI从基础到精通的全方位讲解,系统介绍了移动APP开发基础.MUI各 ...

uni-app跨平台APP开发