windows下ionic环境的搭建

首先Java jdk 的环境配置

1. Apache-ant的安装

windows下ionic环境的搭建_第1张图片
ant的下载

将下载的ant压缩包解压到特定的文件夹中(以下的一样),并且配置ant的环境path和classpath,都是在计算机->属性->高级系统设置->环境变量->用户变量中配置

windows下ionic环境的搭建_第2张图片
ant的path路径
windows下ionic环境的搭建_第3张图片
ant的classpath路径

检验环境成功配置:

windows下ionic环境的搭建_第4张图片
ant配置成功

2.Android sdk安装

sdk下载

windows下ionic环境的搭建_第5张图片
选择需要下载的类型

sdk环境配置:

ANDROID_HOME:

windows下ionic环境的搭建_第6张图片

PATH:

%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;

3.nodeJS的安装

node官网 选择需要的版本进行下载,然后双击进行安装,之后next,next...

windows下ionic环境的搭建_第7张图片
windows下ionic环境的搭建_第8张图片


windows下ionic环境的搭建_第9张图片
改变默认路径
windows下ionic环境的搭建_第10张图片
windows下ionic环境的搭建_第11张图片

安装好了,高版本的node.js会连同npm一带安装好,检验:

windows下ionic环境的搭建_第12张图片
表示安装成功

4.安装cordova:

windows下ionic环境的搭建_第13张图片
windows下ionic环境的搭建_第14张图片

5.安装ionic以及验证ionic:

windows下ionic环境的搭建_第15张图片

6.卸载ionic已经安装指定版本的ionic

windows下ionic环境的搭建_第16张图片

7.写一个项目测试打包

Win+R快捷键——cmd进入你要把项目放在哪个文件夹下面

1ionicstart项目名tabs(头底部导航)

2cd项目名

3ionicplatform add android

进行正常

4ionic build android

问题一:安卓环境

windows下ionic环境的搭建_第17张图片

解决问题:

查看环境变量是否设置正确:(1)ANDROID_HOME

(2)path下把platform-tools和tools都配置

问题二:网络问题

windows下ionic环境的搭建_第18张图片
出现runtimeException异常
windows下ionic环境的搭建_第19张图片

出现gradle一直下载不下来的问题

解决方法:(1)首先看你build的时候gradle的版本,把url直接拷贝在浏览器上下载

(2)在ionic platform add android之后的platform/android下新建文件夹gradle

windows下ionic环境的搭建_第20张图片

并把下载的gradle包放在此文件夹下

(3)在platform/android/cordova/lib/builders下面找到GradleBuilder.js文件

windows下ionic环境的搭建_第21张图片

(4)打开GradleBuilder.js并找到:

这含义是或语句

(5)在DOS命令行下:CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL环境变量

setCORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL=../gradle-2.13-all.zip

(由于build成功,dos窗口太多,无法截图)

(6)之后ionic build android

windows下ionic环境的搭建_第22张图片

会从maven下载各种东西

(7)build成功

windows下ionic环境的搭建_第23张图片

有错误的地方,还请大家指出,谢谢!!

你可能感兴趣的:(windows下ionic环境的搭建)