第七星尘的独立博客

在windows下安装Ionic以及android开发环境来开发hybrid应用

一,介绍Ionic

    Ionic是一个前端的框架,帮助开发者使用HTML5, CSS3和JavaScript做出原生应用。有了ionic, 我们就可以使用HTML5、javascript(angular)和css(sass)开发android和ios应用。

二,下载安装

    1、下载JDK并配置好Java运行环境
    下载地址: http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html (请注意选择电脑的对应版本)
    Java环境变量的配置:参看:http://jingyan.baidu.com/article/925f8cb836b26ac0dde0569e.html
    2、下载Apache Ant 并将其bin目录路径添加进Path路径
    下载地址: http://mirror.tcpdiag.net/apache//ant/binaries/apache-ant-1.9.4-bin.zip
    下载完成后解压该文件至某个目录下,然后将改文件夹内的bin文件夹路径添加至系统Path环境变量中。如存放在C盘 Program Files目录下,则Path中添加如下值 C:Program Filesapache-ant-1.9.4bin;  (添加方法和java配置path变量是一样的,注意以 ; 隔开每个环境变量的值)
    3、下载Android SDK 并配置好SDK运行环境
    下载地址: http://developer.android.com/sdk/index.html 这里可以只下载Android SDK 不需要一并下载 Android Studio。下载完成并安装然后向系统Path环境变量中添加两个值。分别是 Android SDK中tools目录的路径和platform-tools的路径。例如:
            C:Program Files (x86)Androidandroid-sdktools;
            C:Program Files (x86)Androidandroid-sdkplatform-tools;
    进行Android SDK安装目录,运行tools目录下的android.bat文件,出现的界面中,勾选Android SDK Platform-tools ,然后安装。如果Android SDK Manager下载太慢,请参考此教程http://blog.csdn.net/exlsunshine/article/details/22208857
    
    4、下载NodeJS并安装
    下载地址:https://nodejs.org/download/ 
    下载正确版本后双击安装即可
    5、利用NodeJS中提供的nmp来安装Ionic和Cordova
        进入cmd窗口,执行指令,安装cordova

npm install -g cordova

     回车。安装好后再安装ionic

npm install -g ionic

三,创建项目

1、创建APP
在控制台输入

ionic start myapp

这里的 myapp是你的APP的名字
2、进入创建的APP目录

cd myapp

3、选择配置Android环境

ionic platform add android
4、打包生成APP
ionic build android

打包后,cmd会提示你打包后的apk放在哪个路径之下。你可以把它copy到真机运行,也可以使用虚拟机。
5、【可选】运行APP(需要先新建虚拟机/连接手机,新建方法:打开Android SDK安装目录下的AVD Manager.exe选择新建)

ionic run android

到这一步系统就会打开虚拟机运行简单的示例APP了
 如无特殊说明,本站皆为原创。转载请注明来自第七星尘的独立博客《在windows下安装Ionic以及android开发环境来开发hybrid应用》

评论