ionic3搭建环境

时间:2024-03-30 21:23:26

一、下载安装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

ionic3搭建环境

(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/

ionic3搭建环境

2、下载完成后运行安装(注意自己安装路径);

ionic3搭建环境

3、安装更新SDK;

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

2、开始安装packages;

ionic3搭建环境

 

ionic3搭建环境

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命令,查看是否安装成功