ionic3 环境配置+android打包环境

安装node

下载安装,安装完成之后打开Node.js command prompt,输入以下命令看一下版本号:

C:\Users\admin>node -v
v8.9.1
C:\Users\admin>npm -v
5.5.1

因为国内的网络环境原因,最好安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

虽然cnpm是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读)【同步频率目前为 10分钟 一次以保证尽量与官方服务同步】
但是,在使用情况中,可能会出现一些问题。
比如ionic3中的懒加载可能在cnpm install之后无法使用,但是删掉node_modules之后重新npm install是可行的。

安装Ionic

输入以下命令安装 Ionic (如果刚才设置了淘宝镜像源,可以使用 cnpm 代替 npm)

npm install -g ionic

安装完成后输入以下命令看一下版本号:

C:\Users\admin>ionic -v
3.19.0

安装Cordova

输入以下命令安装 Cordova

npm install -g cordova

看一下版本号:

C:\Users\yxd>cordova -version
7.1.0

安装JDK

下载8u151或以上版本,建议安装到C:\Java目录下,安装之后需要设置环境变量:

名称:JAVA_HOME , 值(根据你的安装路径改): C:\Java\jdk1.8.0_151
Path中添加 %JAVA_HOME%\bin

安装完后输入以下命令看一下版本:

C:\Users\admin>java -version
java version "1.8.0_151"
Java(TM) SE Runtime Environment (build 1.8.0_151-b12)
Java HotSpot(TM) 64-Bit Server VM (build 25.151-b12, mixed mode)
C:\Users\admin>javac -version
javac 1.8.0_151

安装Android SDK

推荐从androiddevtools进行下载,下载SDK Tools进行安装,
设置一下系统变量:
名称:ANDROID_HOME,值(根据你的SDK路径改):c:\Android\sdk
%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools添加到Path环境变量中

安装好输入以下命令adb进行下载打包安卓用到的sdk。

安装gradle

在第一次进行ionic cordova platform add android时会下载gradle,国内的网络环境可能会导致很慢,可以点击链接下载之后,放入本地的内网环境,通过http://localhost/gradle-2.14.1-all.zip可访问到,之后设置

set CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL=http://localhost/gradle-2.14.1-all.zip

然后再进行ionic cordova platform add android添加既可。

本文引用自yanxiaodiIonic 2 With TypeScript 入门,但因为网络环境问题有时访问需要翻墙,而且原作对内容尚未更新,所以存一版至个人博客,已备不时之需。