搭建移动端框架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


posted @ 2016-05-22 22:02  张同光  阅读(154)  评论(0编辑  收藏  举报