欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Cordova入门教程

程序员文章站 2022-06-06 21:26:43
...

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 [email protected]
11.查看Cordova基本信息:cordova info
12.cordova帮助命令:cordova help
13.重新编译:cordova emulate

7.电梯

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

相关标签: Corodva入门教程