161206 IonicAngularjsCordova搭建Android开发环境

Posted 目标奔雷手

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了161206 IonicAngularjsCordova搭建Android开发环境相关的知识,希望对你有一定的参考价值。

1、jdk 
环境变量配置 
path:C:\Program Files\Java\jdk1.7.0_79\bin 
2、Node.js 
因为安装cordova时要用到node.js的npm 
下载地址: 
http://nodejs.org/ 
下载安装成功之后,打开cmd,进入D盘,创建cordova的工作空间: mkdir cordovaspace 
测试安装结果命令: node -v 
3、Git 
用于后面有些插件可能需要用git来下载, 
下载地址: 
http://git-scm.com/

4、ant 
下载地址:http://ant.apache.org/bindownload.cgi 
下载好之后,解压,我这里解压到D:\Delp_Tool\ant-1.8.2下, 
然后在环境变量中配置变量ANT_HOME,值:D:\Delp_Tool\ant-1.8.2, 
在PATH中追加%ANT_HOME%\bin; 
测试安装效果命令: ant -v 
注:如果不安装的话后台的操作会报找不到ant; 
5、cordova 
1)安装命令:npm install -g cordova 
2)测试安装结果命令:cordova -v

如果安装cordova和ionic长时间没反应,试试以下的解决方案:

I.通过config命令 
npm config set registry https://registry.npm.taobao.org 
npm info underscore (如果上面配置正确这个命令会有字符串response)

II.命令行指定 
npm –registry https://registry.npm.taobao.org info underscore

III.编辑 ~/.npmrc 加入下面内容 
registry = https://registry.npm.taobao.org

如果遇到npm WARN deprecated [email protected]: Please update to minimatch3.0.2问题,可执行: 
npm install [email protected] 
6、ionic 
npm install -g ionic 
6、创建app 
这里创建一个命名为firstApp,id为com.cycle.first的app,放在first文件夹下:

创建命令:cordova create first com.cycle.firstApp firstApp -d

创建过程需要下载一些cordova的库,所以得等一下,上面命令中的-d是展示创建过程中的一些细节。

7、添加平台(注:添加平台前必须得先安装该平台的sdk) 
1)安装sdk

注意:安卓sdk和cordavo版本之间有这么个关系:

3.0需要的是Android-17(android 4.2.2)

3.1和3.2需要android-18(Android 4.3)

3.3、3.4、3.5需要android-19(Android 4.4.2)(同时ant1.8+)

下载安装好adt后,还需要在环境变量中配置变量ANDROID_HOME,值得为sdk所有的目录,

比如我的就安装D:\androidWorkspace\adt\sdk,那就将ANDROID_HOME指向这个目录,并在PATH中

追加%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;

注:修改了PATH后需要重启cmd才可以生效。 
2)添加平台 
接下来的命令都需要在app的次级目录下执行,

进入first : cd first

添加安卓: cordova platform add android

添加其他的平台:

cordova platform add iOS

cordova platform add amazon-fireos

cordova platform add blackberry10

cordova platform add firefoxos

回车后,会开始下载安卓的相关库,等等吧。。。

创建完之后可以用下面这条命令来查看已添加以及可支持添加的平台:

cordova platforms ls

如果想删除某个平台的话,可以这样:

cordova platform rm amazon-fireos

cordova platform remove android

添加之后会./first/platforms下的目录,增加一个相应平台的目录,而删除平台的话,也会将这个目录删除。 
8、编译app 
cordova build

这条命令将编译./firstApp/platforms下所有的平台,如果只想单独编译其中的平台的话,只需要在build上增加该平台名即可。

cordova build android

貌似头一回编译时都比较慢。。。

编译的过程中,会输出一堆东西。。最后如果看到build successful,就可以了。

实际上,build命令是prepare 以及compile两条命令的缩写。上面这条命令相当于:

cordova prepare android

cordova compile android 
9、测试一下app吧 
1)模拟器上测试: 
输入下面命令:cordova emulate android 
但是,查资料说Windows下convert命令冲突,直接“cordova emulate android”会报Error: spawn ENOENT,需要先启动模拟器。 
2)浏览器上测试: 
输入下面命令:cordova serve android 
然后在浏览器中输入http://localhost:8000 即可看到支行情况。 
注:可以打开多个cmd运行同一个app,但是端口会8000开始+1; 
3)设备上测试: 
插入usb,输入下面命令:cordova run android

Android创建安装运行: 
ionic start myproject 
cd myproject 
ionic platform add android 
ionic build android 
ionic emulate android 模拟器上运行 
ionic run android 手机上运行

参考文档: 
http://www.aichengxu.com/view/44135 
https://segmentfault.com/a/1190000002933971

遇到问题: 
如果遇到 Using this version of Cordova with older version of cordova-andr oid is being deprecated. Consider upgrading to [email protected] or newer. 
解决办法:切换到工程目录,执行cordova platform add [email protected]

如果遇到 
line 14: 6980 Illegal instruction node “basedir/nodemodules/cordova/bin/cordova""@” 
解决办法是:Win7系统更新:Service Pack 1

注:转载自http://blog.csdn.net/u012868077/article/details/51588445


























































以上是关于161206 IonicAngularjsCordova搭建Android开发环境的主要内容,如果未能解决你的问题,请参考以下文章