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版本不一致 会出现以下错误:

ionic开发环境搭建

出现这个错误时,找到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#

上一篇:【转】SQLServer内部原理


下一篇:js检测浏览器是否支持某属性