ionic开发环境搭建

Advanced HTML5 mobile development framework and SDK. Build incredible mobile apps with web technologies you already know and love. Best friends with AngularJS.

ionic为当下比较热的一个移动端hybird框架。

github:https://github.com/driftyco/ionic

官网：http://ionicframework.com/

在参照官网Start building with Ionic之前需要安装开放环境，

这里记录下在windows上安装环境的几个步骤和问题：

1. 安装java JDK

jdk是Java运行开发环境，android开发必须的开发环境

jdk下载地址：http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html

默认为C:\Program Files 安装好后在命令行输入：java -version 可以看到版本

2. 安装android sdk

下载地址：http://developer.android.com/sdk/index.html#download

3. 安装Apache Ant

下载地址：https://olex-secure.openlogic.com/content/openlogic/ant/1.9.3/apache-ant-1.9.3-bin.zip

安装好后再配置环境变量：

设置环境变量，win7用户右键“属性”，选择“高级系统设置”，点击“高级”选项，点击“环境变量”，在系统变量点击“新建”。根据安装的位置修改下面的变量值。

JAVA_HOME   D:\Program Files\Java\jdk1.7.0_79

ANT_HOME  C:\apache-ant

PATH  可能已存在该变量，如果存在直接修改值就可以了，在值后面添加分号再加上：C:\Program Files\Android\android-sdk\platform-tools;C:\Program Files\Android\android-sdk\tools;

 

安装nodejs ,可以先配置镜像：

npm config set registry http://registry.npm.taobao.org

按照ionic官网提示安装

npm install -g cordova ionic

ionic start myApp tabs

cd myApp

ionic platform add android

ionic build android

ionic emulate android

 在ionic build android时可能会出现下载的ionic包与安装的android sdk版本不一致 会出现以下错误：

出现这个错误时，找到android sdk的安装目录，Android\android-sdk\build-tools  查看版本是多少，

再打开下载的ionic包找到myApp\platforms\android\project.properties文件 将target=android-23改为相应的版本即可。

如果ionic emulate android仿真出现错误，输入如下命令

android.bat list targets   查看有效的target

android create avd --name myApp --target 1  当有多个ABI时需要指定一个ABI , 比如：android create avd --name myApp --target 1 -b armeabi-v7a 

参考文档：

http://ionicframework.com/getting-started/

http://www.360doc.com/content/15/0424/17/21412_465721508.shtml#