在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 (请注意选择电脑的对应版本)
2、下载Apache Ant 并将其bin目录路径添加进Path路径
下载完成后解压该文件至某个目录下,然后将改文件夹内的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并安装
下载正确版本后双击安装即可
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应用》
2015-06-13
编程技术
评论