----------------------------------------------------------------------------------------------------------------------------------------------------------
本渣渣第一次使用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 然后就大功告成!
----------------------------------------------------------------------------------------------------------------------------------------------------------
结束!
如有不足或错误之处,请大家指出,谢谢!
----------------------------------------------------------------------------------------------------------------------------------------------------------