ionic小白前端环境搭建

移动端前端环境配置及使用说明

Win10 64bit 专业版

Android 6.0

Android Studio v2.3.3

JDK v1.8.0_144

Node.js v8.4.0

Npm v5.3.0

Cordova V7.0.1

Ionic v3.9.2

Ionic1（创建项目用ionic1）

 

一．Jdk1.8下载及环境配置（最新ionic支持jdk的最低版本为1.8）

1.访问Oracle官网（http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html）下载JDK1.8，window平台，64位

2. 双击下载好的jdk-8u144-windows-x64.exe，一直点击下一步，直到安装完成

 

3. 在C:\ProgramFiles\Java中可以看到我们安装好的javajdk及jre

4. 安装后配置环境变量。右击“此电脑”选择“属性”，然后选择左边“高级系统设置”选择上面“高级”选项卡，点击右下角“环境变量”按钮。在系统变量下选择新建，添加JAVA_HOME,变量值为下载的jdk所在的路径C:\Program Files\Java\jdk1.8.0_144；

5. 继续新建CLASSPATH变量，变量值填写  .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar   注意不要忘记前面的点和中间的分号。

6. 在系统变量里找到Path变量，这是系统自带的，不用新建。双击Path，由于win10和win7有区别。win7环境变量全在一块，每个用分号隔开，而win10自动分行，所以不用分号了，所以建环境变量有点不同，分两行建，点击新建，把 %JAVA_HOME%\bin 复制进去，然后再次新建复制下面这个 %JAVA_HOME%\jre\bin，然后就大工告成啦。下一步检测是否成功

7. 至此，应有的环境变量已经配置完毕。验证的方法：windows+r调出运行框，输入cmd，进入命令行。

        

 

8.      输入java –version查看java版本,则表示设置成功。

二. node.js下载安装

1. 访问（http://nodejs.cn/download/）下载node.js最新版，我们这次下的是V8.4，windows系统，64位

2. 一路next

3. 进入控制台，输入node -v  查看node版本号；输入npm -v  查看npm版本号； 出现即说明安装成功

三.AndroidStudio 2.3.3下载及Android Jdk配置

1.      因为android studio下载时候自带android sdk以及打包成apk的工具；如果不用android studio的话，读者也可以自行下载android sdk；或者使用eclipse等其他ide

2.      访问Android Studio中文社区官网（http://www.android-studio.org/），下载最新版AndroidStudio2.3.3（windows 64位，包含android sdk）；