zoukankan      html  css  js  c++  java
  • 160902、Ionic、Angularjs、Cordova搭建Android开发环境

    1、jdk 
    环境变量配置 
    path:C:Program FilesJavajdk1.7.0_79in 
    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_Toolant-1.8.2下, 
    然后在环境变量中配置变量ANT_HOME,值:D:Delp_Toolant-1.8.2, 
    在PATH中追加%ANT_HOME%in; 
    测试安装效果命令: 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 minimatch@2.0.10: Please update to minimatch3.0.2问题,可执行: 
    npm install minimatch@3.0.2 
    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.23.1和3.2需要android-18(Android 4.33.3、3.4、3.5需要android-19(Android 4.4.2)(同时ant1.8+)
    
    下载安装好adt后,还需要在环境变量中配置变量ANDROID_HOME,值得为sdk所有的目录,
    
    比如我的就安装D:androidWorkspaceadtsdk,那就将ANDROID_HOME指向这个目录,并在PATH中
    
    追加%ANDROID_HOME%	ools;%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开始+13)设备上测试: 
    插入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 cordova-android@5.0.0 or newer. 
    解决办法:切换到工程目录,执行cordova platform add android@5.0.0
    
    如果遇到 
    line 14: 6980 Illegal instruction node “basedir/nodemodules/cordova/bin/cordova""@” 
    解决办法是:Win7系统更新:Service Pack 1

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

  • 相关阅读:
    递归函数底层原理浅析
    lambda expression & mutable
    命令mv
    printf的参数
    程序结构之静态本地变量
    汇编.align指令
    程序结构之全局变量
    命令touch
    更改gcc默认版本,实现gcc版本升降级
    命令chmod
  • 原文地址:https://www.cnblogs.com/zrbfree/p/5846726.html
Copyright © 2011-2022 走看看