在Windows下Cordova和Ionic的环境配置，解决安装出错问题

一、准备工作

1.       安装JDK，并配置好环境变量

2.       下载Apache Ant 并将其bin目录路径添加进Path路径

下载地址： http://mirror.tcpdiag.net/apache//ant/binaries/apache-ant-1.9.4-bin.zip

3.       下载Android SDK 并配置好SDK运行环境。下载完成并安装然后向系统Path环境变量中添加两个值。分别是 AndroidSDK中tools目录的路径和platform-tools的路径。（后续过程中可能要求更新SDK）

4.       下载NodeJS for Windows并安装，下载地址：https://nodejs.org/en/

5.       安装git客户端，下载地址：http://git-scm.com/download/win，后面的操作主要都是在GitBash中完成。

二、安装cordova和Ionic

     在这一步出错的基本上都是网络问题，感谢GFW。。。如果这里提供的方法依然不能解决问题的话，那兄弟你还是去找个梯子吧。

如果你有梯子，直接翻过去安装不用看这一步。如果你没有，请安装cnpm，安装好以后后面的步骤请都使用cnpm命令代替npm命令。
安装cnpm：

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm install -g ionic cordova 

或者直接安装：

1.      安装cordova

在GitBash中，执行一下命令：

npm install -g cordova

这一步会安装cordova环境，时间可能比较长，依据网络状况。

如果很慢可以用一下命令更改安装源：

npm config set registry http://registry.cnpmjs.org

2.      安装Ionic

上一步安装完成后，在GitBash中执行一下命令：

npm install -g ionic

三、创建一个Ionic项目

1.      在GitBash中，执行一下命令：

mkdirionicApps

cdionicApps

ionicstart myapp

myapp就是你项目的名字

这样一个名为myapp的项目就创建成功了

2.      进入你的项目路径

cd myapp

3.      为你的项目添加android平台

ionicplatform add android

 

执行完以上步骤之后，在ionic\myapp路径下面就有了一个构建好的android平台下的ionic项目，这个项目里面是有自带的小功能的，你可以直接参照第五步，把这个小程序跑起来试一下。

在最外层路径下面的www路径下面就是APP的主体，你可以把这个路径导入到你使用的IDE中进行开发，这里IDE推荐使用webStorm。

四、编译、运行你的app

1.编译

你可以在IDE中编辑www路径下面的文件后，或者直接执行以下命令，编译你的程序。

ionic build android

2.调试

      你可以在浏览器中预览你的应用，使用一下命令会在浏览器中显示你的应用界面：

ionic serve

这里推荐使用chrome，在页面中按F12，在开发者模式下点击右上角的小手机按钮，

在这里选择分辨率、旋转屏幕、选择网络模式等。

3. 部署

连接你的Android设备或者打开Android模拟器，执行一下命令：

ionic run android

就可以将之前编译好的应用部署到你的手机或者模拟器上啦

你可以在IDE中编辑www路径下面的文件后，或者直接执行以下命令，编译你的程序。

ionic build android

      你可以在浏览器中预览你的应用，使用下面的命令会在浏览器中显示你的应用界面：

ionic serve

这里推荐使用chrome，在页面中按F12，在开发者模式下点击右上角的小手机按钮，

在这里选择分辨率、旋转屏幕、选择网络模式等。