一、下载安装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 [email protected] [email protected]
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命令,查看是否安装成功