搭建移动端框架Ionic+Genymotion开发环境


http://blog.csdn.net/bzhou0125/article/details/46518357


安装Ionic

npm install -g cordova ionic
  • 创建Ionic项目

    ionic start app tabs
    #项目名称是app
  • 添加Android平台
    进入项目app,执行命令:

    ionic platform add android
  • 生成apk文件

    ionic build android

    在build的过程中,会下载gradle,如果在下载的过程中出现

    Downloading http://services.gradle.org/distributions/gradle-2.2.1-all.zip
    ................................................................................
    ................................................................................
    ................................................................................
    ............................................

    这种情况,解决办法就是手动下载gradle-2.2.1.all.zip文件,把它放到app(你的项目)\platforms\android\gradle\中,
    然后修改app\platforms\android\cordova\lib\build.js文件。找到这行

    var distributionUrl = 'distributionUrl=http\\://services.gradle.org/distributions/gradle-2.2.1-all.zip';

    把它替换成

    var distributionUrl = 'distributionUrl=../gradle-2.2.1-all.zip';

    重新执行命令:

    ionic build android

    它会自动解压gradle-2.2.1-all.zip文件。一切看上去按照剧情发展了。但是,后面有可能还会发生build失败的情况,不管你遇没遇到,反正我是遇到了^_^。
    有图有真相:

解决办法就是进入到platforms/android/cordova目录,执行命令:

build.bat --debug

然后就可以run起来了

ionic run android

在Genymotion上运行

Android的模拟器启动速度和app运行速度有点不尽人意,所以选择Genymotion作为模拟器。
执行一个命令就行了:

cordova run android

等待build之后,它会自动把app安装到Genymotion上了,之后就可以运行了。

转自:http://www.cnblogs.com/maplechow/p/4567742.html


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值