您的位置:首页 > 移动开发 > Android开发

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

2017-12-06 12:13 211 查看
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 

若出现版本号即代表安装成功。 

例图如右:


第三步:用npm命令安装cordova 

安装方法:在cmd命令行窗口输入:npm install -g 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开发之路从此就可以开始了! 



如若您觉得写的不好,望请提出,请见谅,谢谢!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  android开发 cordova
相关文章推荐