安装Cordova+Ionic

因项目需要采用混合式APP开发,虽然早已关注过hybrid,但在工作中并没有真正入手的机会,而近期恰好有此项目,经多方调研后决定采用Cordova+Ionic的选型方案,第一次入手搭建环境,当然也是耗费了一些时间,为了避免后续有人再走弯路,故而把安装步骤罗列如下:

1、安装Java环境
安装完成后配置系统环境变量
变量(值)
创建,JAVA_HOME(C:\Program Files (x86)\Java\jdk1.6.0_10)
编辑,Path(%JAVA_HOME%\bin;)
编辑,CLASSPATH(.;%JAVA_HOME%\lib;)

2、安装Android SDK
(1)下载Android SDK,配置系统环境变量:
创建,ANDROID_HOME(D:\android\sdk)
编辑,Path(%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;)
(2)通过Android SDK Manager下载需要的API
备注:由于访问Google很慢,所以,需要进行如下代理设置:
打开Android SDK Manager,Tools->Options
HTTP Proxy Server:mirrors.neusoft.edu.cn
HTTP Proxy Port:80
Others:选中“Force https://... sources to be fetched using http://... ”
(3)勾选需要的Tools和Android版本进行安装
推荐安装:Tools->Android SDK Build-tools 最新版
Android 4.4.2(API 19)

3、安装Apache Ant(构建工具)
官方下载最新版本,解压后配置系统环境变量:
编辑,Path(D:\Program Files\apache-ant\bin;)

4、安装Node.js
官方下载最新安装包,安装成功后配置系统环境变量(最新版本已经默认自动添加了)
编辑,Path(C:\Program Files\nodejs\;)

5、以上环境变量小结
仅作参考,如有雷同,纯属巧合。
ANDROID_HOME(D:\android\sdk)
CLASSPATH(.;%JAVA_HOME%\lib;)
JAVA_HOME(C:\Program Files (x86)\Java\jdk1.6.0_10)
Path(C:\Program Files\nodejs\;%JAVA_HOME%\bin;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;D:\Program Files\apache-ant\bin;)

6、安装Cordova+Ionic
折腾了这么久,终于要进入正题了。
Windows下打开命令行窗口,按照如下顺序输入命令:
>npm install -g cordova # 全局安装Cordova
>npm install -g ionic # 全局安装Ionic
>npm install -g gulp # 全局安装Gulp
>ionic start myApp # 在当前目录下生成myApp文件夹
>ionic setup sass # 安装SASS(CSS编译)
>ionic platform add android # 添加Android编译平台
>ionic build android # 编译Android
>ionic emulate android # 模拟器运行(>ionic run android # 真机运行)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值