Cordova入门教程

1.介绍和安装

介绍: Apache Cordova是一个开源移动开发框架,它允许您使用标准的Web技术,如HTML5,CSS3和JavaScript进行跨平台开发,概括来说可以把他理解成一个打包工具,能够把vue、angular应用打包成手机上可安装的apk,并且可以提供插件,用来访问设备的摄像头、麦克风、加速度传感器等设备组件。
安装: 需要安装git和配置后node环境,cordova需要git的后台进程
npm安装方式:npm install -g cordova
查看版本:Cordova -v

2. 创建Cordova项目

创建项目:cordova create Demo com.swn.demo HelloCordova
Demo:项目名,即整个项目所在的文件名。
com.swn.demo:反向域值,应用程序的包名
HelloCordova:应用程序名
三个一定要用空格分开

3.添加平台

添加平台,提供对应的环境:cordova platform add android
还有许多其他平台添加后在Window操作系统中使用,可查阅官网。

4.构建应用

构建相当于将项目打包:cordova build android (添加其他平台构建改为对应的)

5.运行应用

在默认模拟器运行

cordova emulate android

在外部模拟器运行

//连接模拟器  以MUMU模拟器为例,夜神模拟器等其他模拟器需要改对应地址,自行百度。
adb connect 127.0.0.1:7555
//运行
cordova run android

在真机运行
需要用USB连接电脑和手机,打开手机设置中的开发者模式。
cordova run android项目会在手机自动安装

6.常用指令集合

1.全局安装:npm install -g cordova
2.创建项目:cordova create Demo com.example.Demo 会飞的阿史
3.进入项目:cd Demo
4.添加平台:cordova platform add android
设备支持可以添加以下更多平台,具体看你的业务需求。

cordova platform add amazon-fireos
cordova platform add android
cordova platform add blackberry10
cordova platform add browser
cordova platform add firefoxos
cordova platform add webos
cordova platform add windows
cordova platform add wp8

5.查看已添加平台: cordova platforms list
6.安装插件:
cordova plugin add cordova-hot-code-push-plugin (cordova版本5.0以上)
本地插件:
cordova plugin add E:\androidPlugins\cordova-hot-code-push-local-dev-addon
7.查看插件列表cordova plugin list
8.移除插件:cordova plugin remove cordova-hot-code-push-plugin
网上有些插件可能因为版本不对或插件本身有问题让你的项目奔溃,没用的插件要移除
9.移除平台:cordova platform remove android
10.安装指定版本:install -g cordova@3.2.0-0.5.0
11.查看Cordova基本信息:cordova info
12.cordova帮助命令:cordova help
13.重新编译:cordova emulate

7.电梯

1.Cordova中文文档
2.W3C教程

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值