Windows系统Ionic安装教程/Ionic环境配置

原文链接：http://blog.csdn.net/superjunjin/article/details/43412017

参考文章

Cordova 3.x 基础（1） -- 环境搭建（Windows / Android） http://rensanning.iteye.com/blog/2016364

 phoneGap之Android环境搭建 http://haomou.net/2014/08/06/2014_phonegap_android/

ionic框架配置 http://haomou.net/2014/08/07/2014_ionic/

ant的配置 http://www.cnblogs.com/yuzhongwusan/archive/2013/03/26/2982411.html

 

其实大体主要分两步：安装cordova和安装ionic

安装cordova

一，首先安装Ant（cordova工具生成android项目时，需要的编辑工具）

1，安装ant

到官方主页http://ant.apache.org下载新版（目前为Ant1.8.1）的ant，得到的是一个apache-ant-1.8.1-bin.zip的压缩包。将其解压到你的硬盘上，例如：C:\apache-ant-1.8.1。

2，配置环境变量

 

path             C:/ apache-ant-1.8.1/bin

classpath      C:/apache-ant-1.8.1/lib

3，验证ant

为了验证ant是否成功安装，可以进行如下操作：

依次选择：开始->运行->cmd，输入如下命令：ant

如果出现如下内容，说明安装成功：

Buildfile: build.xml does not exist!

Build failed

二，安装android sdk(网上方法一大把)

别忘了配环境变量（把%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools加到Path环境变量中，不然会报"Error: An error occurred while listing Android targets"错）

三，安装Node.js (这里主要是要用它的npm命令装东西)

进入官网(http://www.nodejs.org/ )，下载安装包安装

四，安装phonegap和cordova（终于到主角了）

npm install -g phonegap

npm install -g cordova

安装完毕后可以创建一个cordova项目运行了

cordova create myapp com.org.myapp "HelloWorld"  
cd myapp  
cordova platform add android  //添加android运行平台
cordova build android   //编译apk
cordova run android  //运行到真机

 安装ionic(其实就一句话，不知是屏蔽还是网速原因，我就一直装不上，一个礼拜左右每天都会装就是装不上，所以有了以下的办法)

npm install -g ionic （这句能成功安装就不用看下边的方法了）

我的方法 

1，配置环境变量node的npm命令

Path : C:\Documents and Settings\Administrator\Application Data\npm 

2，补齐npm文件夹下有关于ionic的文件 http://download.csdn.net/detail/superjunjin/8417723

3，补齐ionic项目下node_modules等文件 http://download.csdn.net/detail/superjunjin/8417731

（具体文件见最后的压缩包）

ionic start myApp sidemenu  //创建带有左侧带有menu栏的示例项目
ionic start myApp blank   //创建空白项目

ionic serve //浏览器运行（调试很方便）