搭建移动端框架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 @   张同光  阅读(154)  评论(0编辑  收藏  举报
编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示