Crodova环境配置-Android

----------------------------------------------------------------------------------------------------------------------------------------------------------       本渣渣第一次使用Crodova,以此博文记录下来,此博文只代表本渣渣所入过的坑,所以将坑记下,以防他人再次入坑.                   本渣渣用的是win7系统,在Andrioid环境下----------------------------------------------------------------------------------------------------------------------------------------------------------

一.安装nodejs ,可在Nodejs官网进行下载

nodejs安装完成,就查看版本:

node -v  //查看node版本

npm -v  //查看npm版本

如控制台有根据命令输出相应的版本号,就表示安装成功!

二.安装RubyGems镜像

为了能够更好的安装Cordova,所以我们应该先安装RubyGems镜像: 下载地址: Rubyinstaller   挑选版本进行下载安装即可!安装完成后,可检查是否已经安装成功:  gem -v //检查gem版本安装成功后,进行以下操作:1) gem sources --add https://gems.ruby-china.org/ --remove https://rubygems.org/       //修改地址2) gem sources -l     //得出以下结果 https://gems.ruby-china.org    // 确保只有 gems.ruby-china.org注意:如果遇到 SSL 证书问题，你又无法解决，请直接用

http://gems.ruby-china.org

避免 SSL 的问题(将上面的 https 改成 http 即可)。尽可能用比较新的RubyGems版本,建议2.6.x 以上(不升级版本,应该也没什么问题的):1) gem update --system   //升级gem版本2) gem -v   //检查gem版本

三.安装Cordova

npm install -g cordova  //安装cordova

[/code]

如果安装cordova时出现以下报错:

解决方法:在安装cordova之前,先安装express.步骤如下:

1) npm install express

2) npm install -g cordov
4000
a

四.安装 ionic

npm install -g cordova ionic  //安装ionic

[/code]如果安装ionic还出现以上安装cordova时报的错,则

将cordova卸载掉

npm uninstall cordova -g  //卸载cordova

卸载完成,则再重新安装:

npm install -g cordova   //安装cordova

表示cordova安装成功----所谓真正的安装成功

cordova安装成功后,再安装ionic:

npminstall -g cordova ionic //安装ionic

如上图,表示ionic已安装成功

五.创建app项目

根据Cordova官网创建app项目的命令:1)创建app项目:(记得cd到自己指定的路劲上安装哦)

cordova create hello com.example.hello HelloWorld

创建成功,则在相应路劲下出现有以下文件:2)添加平台

cd hello   //cd到项目文件下

[/code]

cordova platform add android  //添加Android的平台

添加平台时,如下图,就表示添加成功了!添加平台时,如果出现以下的报错,就表示cordova没有安装成功,则cordova重新卸载安装即可!

六.Build App

cordova build //build App

[/code]如build时出现以下报错,则到 JDK 官网下载JDK1.8或1.8以上的版本安装就可以了:

如以上jdk版本升级后,再进行

cordova build

如出现以下报错,则表示sdk需要24版本的,下载即可

如以上都升级好了,再进行

cordova build  然后就大功告成!

----------------------------------------------------------------------------------------------------------------------------------------------------------结束!如有不足或错误之处,请大家指出,谢谢!----------------------------------------------------------------------------------------------------------------------------------------------------------