Ionic开发环境搭建
1.安装jdk
1.1.安装【jdk-8u60-windows-x64.exe】到【C:Program Files】目录
1.2.jdk下载地址
http://www.oracle.com/technetwork/java/javase/downloads/index-jsp-138363.html
或者百度一下jdk
2.安装adt
2.1.解压【adt-bundle-windows-x86_64-20140702.zip】到【D:Program Files】
2.2.adt下载地址
http://www.androiddevtools.cn/
3.安装ant
3.1.解压【apache-ant-1.9.6-bin.zip】到【D:Program Files】
3.2.ant下载地址
4.配置环境变量
4.1.添加系统变量
添加以下系统变量
JAVA_HOME
C:Program FilesJavajdk1.8.0_60
ANDROID_HOME
D:Program Filesadt-bundle-windows-x86_64-20140702sdk
ANT_HOME
D:Program Filesapache-ant-1.9.6
步骤请参考下图
右键【我的电脑】——》【属性】——》【高级系统设置】——》【环境变量】
【新建】——》输入【变量名】和【变量值】——》【确定】
PS：JAVA_HOME、ANDROID_HOME、ANT_HOME都要执行该步骤一次
添加完JAVA_HOME、ANDROID_HOME、ANT_HOME结果如下
4.2.修改PATH变量
%ANDROID_HOME%platform-tools;
%ANDROID_HOME% ools;
%JAVA_HOME%in;
%ANT_HOME%in;
将以下字符串追加到【Path】变量的变量值的最后面
【;%ANDROID_HOME%platform-tools;%ANDROID_HOME% ools;%JAVA_HOME%in;%ANT_HOME%in;】
【确定】
5.安装Node.js
5.1.下载地址
6.安装ionic
6.1.安装ionic cli
打开命令行，执行以下命令：
【npm install -g cordova ionic】
6.2.创建项目
打开命令行，依次执行以下命令：
【ionic start myApp tabs】
【cd myApp】
【ionic platform add android】
6.3.打包apk
打开命令行，执行以下命令：
【ionic build android】
提示打包成功后，可以在以下目录找到对应的apk:
【D:DevProjects_TestmyAppplatformsandroiduildoutputsapk】
7.打包报错可能的原因及其解决方案
7.1.目录中包含中文字符
解决方案：将项目放到不含中文字符的目录中，再打包
7.2.安装了与操作系统不对应的jdk
例如，你本来是win10 64位操作系统，但是你安装的是win7 32位的jdk
解决方案：删除jdk，到官网下载与操作系统对应的jdk再安装