Ionic初探 + 混合app的尝试

固然首先的问题，部署环境

一、须要有node.js环境

二、安装Ionic

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

三、建项目

　　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

 

 

错误处理：

　　典型错误1：ANDROID_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之类变量

 

　　典型错误2：ant 命令未找到

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

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

　　　　安装：

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

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

　　　　　　三、本身建一个ant文件夹，而后把bin和lib拷贝进去

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

　　　　　　五、source使之生效。

　　　　　　六、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 原理