cordova+ionic配置_cordova ionic

很早之前就想试一下ionic了，我个人是AngularJS的忠实粉丝，搞了好久，才把环境搭建好，爬了很多坑，和大家分享经验。

1.配置JAVA开发环境，这个网上的例子实在太多，我就不赘述了，配置好了之后，控制台输入java -version和javac-version都可以运行就是对的。

2.配置Android SDK,我个人是直接下载的Android Studio，安装好之后，Android SDK也一并装上了，安装Android Studio的时候，注意选一下SDK的路径，免得到时候自己找不到，这个也不用多说。（未完待续）

3.git的安装，这个东西很容易就找到下载了的，当安装成功以后，如果输入git -version能够弹出版本号，说明安装成功。

4.ant的安装。ant安装的时候会用到jdk的路径，注意输入即可，不会很坑。（未完待续）

5.nodejs的安装，相信大家不会对这个东西陌生吧，一统天下的JavaScript，666。node的安装完全是傻瓜式安装，只需要一直点下一步就行了，当安装好之后，输入node -v或者npm -v能够弹出版本号，说明配置成功。

6.Android SDK的安装部署，首先新建系统变量ANDROID_HOME，值为C:\android_sdk（你的Android SDK的安装路径，这儿建议大家都把系统变量建成大写的，免得后面编译的时候，系统不认。），新建ANDROID系统变量，值为%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools（没有空格，英文状态下的符号）。在Path系统变量中增加%ANDROID%，若你的操作正确，在命令行中输入adb，则会弹出一系列信息，代表配置成功。

7.Cordova的安装，在命令行中输入：npm install –g cordova，Cordova的安装跟网速有关，但是有些时候，会一直在那儿转，没有反应，可以尝试输入：npm config --global set registry?http://registry.cnpmjs.org（非常好用）当安装完成后，输入Cordova -v,能够弹出版本信息，则证明安装成功。

我们用Cordova新建一个项目，cordova create test com.example.yang Test，其中creat 表示新建一个工程test  表示项目的文件夹名字com.example.yang，表示app的唯一标识名字(可以自己改)，Test 表示项目工程名字。

然后cd Test到我们新建的项目文件夹，cordova platform add android 为项目添加android平台 ，这儿需要翻墙，我用的是蓝灯，否则会一直停在那儿。

我们也可以添加别的平台：

cordova platform add ios  //只能在Mac系统上生成
 cordova platform add wp7
 cordova platform add wp8
 cordova platform add blackberry10

然后我们把它编译到安卓平台上去，cordova build android（编译到别的平台类同），如果你的前面都操作正确的话，此时编译会成功

然后我们进行浏览器测试，输入cordova serve android可以在浏览器中看到我们编译的项目，如图

然后我们到安卓模拟器中测试（需要预先开启Android模拟器），输入cordova emulate android，

至此cordova已经安装完成，接下来是ionic，有了之前的工作，ionic的安装和配置就显得非常简单了，

和Cordova的安装类似，大家请参考http://www.ionic.wang/start-index.html，

根据上面的提示，最终运行效果如下：

接下来，让我们愉快的开始Ionic的开发吧