Window 系统下安装cordova (用于Android开发)


因为前段时间开发的Android项目要用到cordova与H5进行交互,翻查了不少网站,故此写一遍博客来巩固一下。若有写不好之处请勿喷,谢谢!


Android开发的程序员,JDK与ADT以及SDK的环境配置就不需要介绍了,这些环境少不了!下面来讲cordova安装的步骤:
第一步:安装Ant
Ant具有自动编译打包android项目的功能。此处给出官网下载地址http://ant.apache.org/bindownload.cgi
下载完解压之后得要配置环境,方法如下:
  变量: ANT_HOME 添加值: 刚解压到的路径:E:\apache-ant-1.9.6-bin\
  变量: Path 添加值:%ANT_HOME%\bin
添加完成之后需要验证是否添加成功,检验方法如下:
在cmd命令行窗口输入ant,若出现
Buildfile: build.xml does not exist!
Build failed
或BUILD SUCCESSFUL则代表成功
如右图:这里写图片描述
第二步:安装 node.js
因为cordova的安装少不了node.js中的npm,自然是先安装node.js。官网链接:http://nodejs.org/
在官网找到对应的文件下载安装,安装完成之后需要确认安装的完成是否成功。检验方法:在cmd命令行窗口输入:npm -v 或npm -version
若出现版本号即代表安装成功。
例图如右:检验node.js是否安装成功的判断

第三步:用npm命令安装cordova
安装方法:在cmd命令行窗口输入:npm install -g cordova
例图如右:cordova安装命令
安装过程会等待比较长的时间,当然,这取决于你的网络,当安装完的时候就会出现很多数据。例图如下:
这里写图片描述
此时我们就可以输在cmd命令行窗口输入命令来检验是否安装成功。
在cmd命令行窗口输入命令如右:cordova -v或者cordova -version
若出现版本号即代表安装成功。
例图如右:这里写图片描述

我们这样安装的cordova是最新版本的,如需安装其它版本,只需要在命令行npm install -g cordova后面加上“@版本号”就可以了。
例如安装5.4.1的版本:npm install -g cordov@5.4.1

因为cordova安装的版本是与android sdk版本有关的,我安装的是cordova 6.0.0,所有必须使用sdk版本android-23。如果你的sdk版本过低,可以考虑安装低一点版本的cordova。注意:这一定是相对应的!

这里也讲一下cordova的卸载命令,如果你不想用cordova或者是cordova安装错误可在cmd命令行窗口运行命令:npm uninstall cordova -g即可卸载cordova
例图如右:这里写图片描述

第四步:创建cordova项目
转到想要创建项目的目录盘符,例如d:则可以进入d盘
然后运行:cordova create cordovacheck com.example.test
如下图:
这里写图片描述
这时我们在d盘下就能够找到cordovacheck的文件夹。
接着在cmd命令行窗口运行命令进入cordovacheck文件夹
然后添加Android平台,命令为:cordova platform add android
例图如下:
这里写图片描述

当然除了android平台,你也可以添加其他的平台:
cordova platform add wp8
cordova platform add windows
cordova platform add amazon-fireos
cordova platform add android
cordova platform add blackberry10
cordova platform add firefoxos\
卸载平台命令:
cordova platform rm ios
cordova platform rm firefoxos
cordova platform rm windows
cordova platform rm wp8
cordova platform rm firefoxos
cordova platform rm android
查看自己已经安装的平台以及未安装的平台:
cordova platforms ls
例图如下:
这里写图片描述
增加插件:
官网插件链接:http://cordova.apache.org/plugins/?platforms=cordova-android

例如想添加phonegap-plugin-contentsync这个插件:
这里写图片描述
直接在cmd命令行窗口运行命令:phonegap plugin add phonegap-plugin-contentsync
例图如下:
这里写图片描述

添加cordova-plugin-camera插件:
这里写图片描述
直接在cmd命令行窗口运行命令:
例图如下:
这里写图片描述
自己想添加什么插件都可以去找来添加,很简单的。
在D:\cordovacheck\plugins目录下就可以看到刚刚添加的插件了
这里写图片描述

你写好的html、css、js文件可以放到刚刚建立目录下的www文件所对应的位置。例如:D:\cordovacheck\www
这里写图片描述

此时在D:\cordovacheck\platforms\android下面就可以看到Demo了!
您的Android cordova开发之路从此就可以开始了!
这里写图片描述

如若您觉得写的不好,望请提出,请见谅,谢谢!

  • 7
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 8
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值