ionic环境搭建和安装

1. 安装node环境

nodeJs环境的安装很简单，去官网下载最新版的NodeJs直接安装即可。

Node官网： https://nodejs.org/

安装完成后配置环境变量,计算机->属性->高级系统设置->环境变量->用户变量->(选中PATH变量)->编辑->在变量值后加入node路径,与其他变量值用;隔开

配置完成后在cmd中输入 npm -v 回车。如果出现版本号说明安装成功。

(未成功自行百度配置node环境)

 

2. 安装jdk并且配置环境变量

jdk下载地址：http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

安装完成以后配置环境变量：

JAVA_HOME（安装路径有空格会无效）(系统变量):

JDK的安装路径，这个环境变量本身不存在，需要创建，其值为：jdk在你电脑上的安装路径。

PATH(系统变量)：

PATH属性已存在，可直接编辑。作用是用于配置路径，简化命令的输入，其值为：%JAVA_HOME%\bin。　

CLASSPATH（系统变量）：

　用于编译时JAVA类的路径，注意这里设置的是两个值，(.;)表示的是JVM先搜索当前目录。其值为：.;%JAVA_HOME%\lib\tools.jar。

配置完毕后，通过cmd运行以下命令：java -version， 如果出现返回信息，则设置成功。

 

3. 安装Android SDK.

下载地址1： http://developer.android.com/sdk/index.html 这个地址被墙了。需要FQ使用。

下载地址2：http://www.android-studio.org/　　这是Android studio中文社区地址

这里可以只下载Android SDK 不需要一并下载 Android Studio。下载完成并安装然后向用户变量Path中添加两个值。分别是 Android SDK中tools目录的路径和platform-tools的路径。例如：

C:\Program Files (x86)\Android\android-sdk\tools;

C:\Program Files (x86)\Android\android-sdk\platform-tools;

如果发现Android SDK安装目录中并没有 “ platform-tools”这个文件夹，应该运行tools目录下的android.bat文件，然后出现如下界面，勾选Android SDK Platform-tools 然后安装。

环境变量配置完成以后在cmd中输入 android并且回车。如果出现android sdk manager则说明安装成功。

 

4. 安装 Apache ant.

ant下载地址： http://ant.apache.org/bindownload.cgi

环境变量：

Windows下ANT用到的环境变量主要有2个： ANT_HOME 和 PATH。
eg：
1. 设置ANT_HOME指向ant的安装目录(系统变量)。
设置方法：ANT_HOME = D:\dev\apache-ant-1.9.6-bin\apache-ant-1.9.6

2. 设置bin和lib目录到PATH变量中(用户变量)。将%ANT_HOME%\bin; %ANT_HOME%\lib添加到x变量的path中。
设置方法：PATH = %ANT_HOME%\bin; %ANT_HOME%\lib

安装如果不成功可以把%ANT_HOME%换成真实的路径。

如:     D:\dev\apache-ant-1.9.6-bin\apache-ant-1.9.6\bin;D:\dev\apache-ant-1.9.6-bin\apache-ant-1.9.6\lib

安装完成以后在cmd中输入 ant -version 验证是否安装成功。

 

5. 安装ionic和demo项目下载。

 

 

1.使用npm下载ionic

npm install -g ionic

2.选择一个ionic模板项目下载到本地。中间会有一些问询，比如是否使用sass.app的命名等。

md myApp

cd myApp //创建一个文件夹并且进入。

ionic start first-app

3.给项目添加android平台。

ionic cordova platform add  android

4.进入项目目录，ionic cordova build android(/ios)编译项目

5.在项目目录中有一个www的文件夹，里面的文件有html，js，css等，可随意编写，在platform中的www文件最好不要动它。

6.在模拟器中运行项目

ionic cordova emulate android

7..或者真机测试：ionic cordova serve

说明： 运行emulate/run命令的时候会在platforms目录下生成apk.

在执行platform和emulate命令的过程中如果出现报错大多是因为android环境没有安装完全导致的。请在cmd中输入android打开android SDK manager检查相关的包是否已经安装完全。

一般来说，tool和emulator都是必须要安装的.然后选择某一版本的android API进行安装。