码迷,mamicode.com
首页 > 移动开发 > 详细

Ionic初探 + 混合app的尝试

时间:2015-03-17 19:56:09      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:

当然首先的问题,部署环境

1、需要有node.js环境

2、安装Ionic

  npm install -g cordova ionic  //安装 cordova 和 ionic command-line tools

3、建项目

  ionic start myApp tabs  //创建myApp项目 也可以是blank 或者 sidemenu

  cd myApp

  ionic platform add android //如果是ios,则这边以及下面 substitute android with ios

  ionic build android  //这边可能会环境报错,需要  ant工具

  ionic emulate android   //这步如果有emulator用emulator,也可以直接把上一步build出来的 apk 安装到手机里 adb install ***.apk

 

 

错误处理:

  典型错误1ANDROID_HOME is not set and "android" command not

    该典型错误,解决方法可以:sudo vim ~/.bash_profile

    

#定义 android相关变量
export ANDROID_HOME=$ANDROID_HOME:/Users/liangzhongyuan/bin/sdk export ANDROID_PLATFORM_TOOLS=$ANDROID_PLATFORM_TOOLS:/Users/liangzhongyuan/bin/sdk/platform-tools export ANDROID_TOOLS=$ANDROID_TOOLS:/Users/liangzhongyuan/bin/sdk/tools
#这边是我之前部署androidstudio环境时用的,建议保留 export PATH
=$PATH:/Users/liangzhongyuan/bin/sdk export PATH=$PATH:/Users/liangzhongyuan/bin/sdk/platform-tools export PATH=$PATH:/Users/liangzhongyuan/bin/sdk/tools

    最后:source ~/.bash_profile  // 使环境变量生效,完成后记得只有当前或者新的终端窗口,才会生效

  

  检查:$ export    //可以看到android_home之类变量

技术分享

 

  典型错误2ant 命令未找到

    当一个代码项目大了以后,每次重新编译,打包,测试等都会变得非常复杂而且重复,因此c语言中有make脚本来帮助这些工作的批量完成。在Java 中应用是平台无关性的,当然不会用平台相关的make脚本来完成这些批处理任务了,ANT本身就是这样一个流程脚本引擎,用于自动化调用程序完成项目的编译,打包,测试等

    到编译那步时,说ant命令没找到,我还很郁闷,sdk/tools/ 下面的ant是个文件夹,里面没有ant命令,只能自己装。

    安装:

      1、直接下载路径:http://ftp.twaren.net/Unix/Web/apache//ant/binaries/apache-ant-1.9.4-bin.zip

      2、解压后,真正有用的只有两个文件夹,bin和lib,ant命令就在bin中。

      3、自己建一个ant文件夹,然后把bin和lib拷贝进去

      4、修改环境变量,使ant命令有效。  export PATH=$PATH:/Users/用户名/bin/ant/bin/    

      5、source使之生效。

      6、ant -v 查看当前版本 ,都ok啦。  //如果报build.xml没找到,不用担心,没关系的,这个会在你编译项目时生成,so继续运行 ionic build android 成功!

    

相关链接:

http://ionicframework.com/getting-started/  // Ionic官网安装

http://ant.apache.org/bindownload.cgi  //apache ant 的官网下载路径,下zip压缩包方便

http://mobile.51cto.com/android-265990.htm //ant 原理

Ionic初探 + 混合app的尝试

标签:

原文地址:http://www.cnblogs.com/zhongyuan/p/4345061.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!