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#

  • 相关阅读:
    PHP学习笔记:APACHE配置虚拟目录、一个站点使用多域名配置方式
    转载:分页原理+分页代码+分页类制作
    PHP学习笔记:数据库学习心得
    PHP学习笔记:用mysqli连接数据库
    PHP学习笔记:MySQL数据库的操纵
    PHP学习笔记:利用时间和mt_rand函数获取随机名字
    PHP学习笔记:等比例缩放图片
    前端学习(一) html介绍和head标签
    Python 协程
    Python 线程----线程方法,线程事件,线程队列,线程池,GIL锁,协程,Greenlet
  • 原文地址:https://www.cnblogs.com/lmh2072005/p/5083648.html
Copyright © 2011-2022 走看看