Ionic 的环境配置

Ionic 主要用于混合APP的开发，可以实现跨平台应用。

Ionic官网 http://ionicframework.com/

Ionic中文网 http://www.ionic.wang/

Ionic 的环境搭建主要分为俩种：

系统环境搭建

一：Android所需环境，

Java jdk环境：

步骤：1，网上下载 Java jdk 的包，双击，执行下一步

          2，配置Java 环境变量(可在百度搜具体操作步骤)

右击【我的电脑】---【属性】-----【高级】---【环境变量】，如图：

   

选择【新建系统变量】--弹出“新建系统变量”对话框，

在“变量名”文本框输入“JAVA_HOME”,

在“变量值”文本框输入JDK的安装路径（也就是步骤5的文件夹路径），单击“确定”按钮，

如图：

在“系统变量”选项区域中查看PATH变量，

如果不存在，则新建变量 PATH，

否则选中该变量，单击“编辑”按钮，

在“变量值”文本框的起始位置添加“%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;”

或者是直接“%JAVA_HOME%\bin;”，单击确定按钮，

如图：

在“系统变量”选项区域中查看CLASSPATH 变量，

如果不存在，则新建变量CLASSPATH，

否则选中该变量，单击“编辑”按钮，

在“变量值”文本框的起始位置添加“.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;”。

如图：

现在测试环境变量的配置成功与否。在DOS命令行窗口输入“JAVAC”，输出帮助信息即为配置正确。

如图：

C++ 环境：（此处只需要 c++ 环境）

下载 Visual Studio 安装包

安装后启动时，勾选visual c++,

如图：

 

Android ADT：

下载安装ADT并添加到环境变量  ANDROID_HOME 中：

安装android工具可参考http://www.androiddevtools.cn/

Node：建议使用nvm版本管理器管理node。

   具体操作步骤，可参考 nvm，NodeJs安装步骤 。

可参考我的另一篇博客，地址如下：

http://blog.csdn.net/axixizyq/article/details/55047944

Git (从Github下载模板，用于代码的版本管理)：

下载ng-cordova插件需要，源代码管理，网上下载 git 安装即可。

可参考：

http://jingyan.baidu.com/article/9f7e7ec0b17cac6f2815548d.html

二：IOS 所需环境

XCode：需要Mac 的运行环境。

Node：参考上面陈述。

Git  (从Github下载模板，用于代码的版本管理)：参考上面陈述。

项目依赖环境搭建：

首先需要安装cordova (打包工具)及 ionic（框架）,执行步骤如下：

打开cmd 执行命令行操作，

npm install -g cordova ionic

** 安装完成后，输入cordova -v ,及 ionic -v ,输出版本号即为安装成功。

创建项目模板：

找到创建项目根目录的文件夹，shift+右键，选择此处打开命令行。

执行步骤如下：

Ionic start 项目名称

**执行完成后，项目模板会从GitHub上down下来。

完成项目代码后，进行打包：

 添加项目平台：

Android平台：ionic platform add android

IOS平台：ionic platform add ios

 打包：

Android平台：ionic build android

IOS平台：ionic build ios

**打包后，项目目录如下：

 直接运行在手机：

ionic run andriod