zoukankan      html  css  js  c++  java
  • 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 FilesJavajdk1.7.0_79

    ANT_HOME  C:apache-ant

    PATH  可能已存在该变量,如果存在直接修改值就可以了,在值后面添加分号再加上:C:Program FilesAndroidandroid-sdkplatform-tools;C:Program FilesAndroidandroid-sdk ools;

    安装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的安装目录,Androidandroid-sdkuild-tools  查看版本是多少,

    再打开下载的ionic包找到myAppplatformsandroidproject.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#

  • 相关阅读:
    Ubuntu下多版本软件的管理
    关于高考
    Openca安装笔记
    Nginx+uwsgi+python配置
    cpabe的安装
    线形同余法求随机数
    world wind 之 applet 篇
    0909 海贼王我当定了
    实验0:了解和熟悉操作系统
    0316复利计算器3.0
  • 原文地址:https://www.cnblogs.com/lmh2072005/p/5083648.html
Copyright © 2011-2022 走看看