ionic3搭建环境

一、下载安装node环境

1、Ionic开发是依赖于Nodejs环境的，所以在开发之前我们需要安装好Nodejs。下载安装：http://nodejs.org/ (官网)

node版本6.17.1，下载：https://nodejs.org/zh-cn/download/releases/   （老版本node下载地址）；

2、ionic3不能下载最新版本的node,需下载老版本（重要）；  

3、安装完成后打开CMD执行node -v和npm -v命令，返回版本号表示已安装成功。

二、下载cordova环境和ionic

1、npm install -g cordova@8.1.2 ionic@3.12.0

ps:ionic3必须搭配node版本cordova版本。如果下载最新ionic,node没要求；

npm install -g cnpm --registry=https://registry.npm.taobao.org（淘宝镜像，下载失败可以考虑使用，最好不用）

2、ionic start IonicDemo tabs（创建项目）；

3、ionic serve（启动项目）；

ps:下载vscode配合编辑项目

三、安装JDK并配置环境变量

1、在Java官方网站上下载相应系统的jdk文件安装，如win7 64 位系统下安装jdk-8u251-windows-x64.exe；

2、下载完成后运行安装（注意自己安装路径）；

3、配置环境变量

（1）配置JAVA_HOME

 新建 JAVA_HOME 环境变量，变量值是自己安装JDK 的路径，找到你之前安装的路径，我的是：C:\Program Files\Java\jdk1.8.0_251

（2）配置ClASSPATH

新建 CLASSPATH 环境变量，变量值是：%JAVA_HOME%/lib/dt.jar;%JAVA_HOME%/lib/tools.jar

（3）配置PATH

找到PATH变量，追加如下目录：;%JAVA_HOME%/bin;%JAVA_HOME%/jre/bin（注意是追加）

4、验证安装是否成功

打开CMD执行java -version，显示如下内容表示安装成功；

四、下载安装Android SDK

1、进入AndroidDevTools网站下载SDK Tools；  安卓中文网：https://www.androiddevtools.cn/

2、下载完成后运行安装（注意自己安装路径）；

3、安装更新SDK；

1、常看是否配置国内镜像地址mirrors.neusoft.edu.cn，配置不理会；

2、开始安装packages;

 

4、配置环境变量

找到PATH变量，追加如下目录：（注意是追加）

tools目录：;%ANDROID_HOME%\tools

platform-tools目录：;%ANDROID_HOME%\platform-tools

build-tools目录：;%ANDROID_HOME%\build-tools\28.0.3（28.0.3是bulid-tool目录中的，改为你对应的）

5、验证环境变量

验证 tools 目录下的环境变量：在命令行输入 android,该命令会启动Android SDK Manager

验证 build-tools 目录下的环境变量：在命令行输入 aapt，会看到这条命令的使用帮助信息

五、手动安装Gradle

1、安装地址：https://services.gradle.org/distributions/；例如下载：gradle-x.x-bin.zip；

2、添加环境变量 

找到PATH变量，追加如下目录;E:\gradle-3.5\bin（注意是追加）；

2、打开cmd，输入gradle -v命令，查看是否安装成功