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

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

解决方法:在安装cordova之前,先安装express.

步骤如下:

1) npm install express

2) npm install -g cordova

四.安装 ionic

npm install -g cordova ionic  //安装ionic

如果安装ionic还出现以上安装cordova时报的错,则将cordova卸载掉

npm uninstall cordova -g  //卸载cordova

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

npm install -g cordova   //安装cordova

表示cordova安装成功----所谓真正的安装成功
cordova安装成功后,再安装ionic:


npm install -g cordova ionic //安装ionic

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




五.创建app项目

根据Cordova官网创建app项目的命令:

1)创建app项目:(记得cd到自己指定的路劲上安装哦)

cordova create hello com.example.hello HelloWorld

创建成功,则在相应路劲下出现有以下文件:

2)添加平台

cd hello   //cd到项目文件下

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

添加平台时,如下图,就表示添加成功了!

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

六.Build App

cordova build   //build App

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

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

cordova build  

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


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

cordova build    然后就大功告成!

----------------------------------------------------------------------------------------------------------------------------------------------------------

结束!

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

----------------------------------------------------------------------------------------------------------------------------------------------------------