Cordova移动开发之环境搭建（Windows/MAC）

在Html5如火如荼发展的今天，使用Html5移动开发框架开发出跨平台的App是目前最节约成本的开发方式，不需要针对每一套移动系统（Android/IOS）做原生开发。而最早致力于Html5移动的开发框架莫过于PhoneGap，但是之后被捐献给Apache更名为Cordova。
我是使用cordova命令创建好项目之后使用Eclipse（adt-bundle-windows-x86-20140321）去导入项目，进行开发和打包的。Mac下IOS开发我也使用相同的方式，用XCode打开项目进行进一步开发。欢迎读者告知更好的方法，或者交流使用心得。

在Windows下开发Android的Cordova环境搭建

在Windows下开发Android的Cordova环境搭建需要注意一下几点：

1. 下载cordova-android-xxx.tgz
   下载到tgz包以后解压出来是一个名为package的目录。后面讲解怎么使用。其实从这一步可以看出我没有使用CLI（Command-Line Interface）命令行方式搭建环境，有兴趣可以参照官方文档自己尝试。
   http://cordova.apache.org/docs/en/5.0.0/guide_cli_index.md.html

2. JDK安装并配置环境变量
   这一点大多数java开发者都已经配置过，需要注意的是 Cordova5.0 Document建议使用JDK7及以上版本）

3. ADT安装并配置环境变量(非Android Studio）
   Android开发人员肯定都是安装过ADT的，但是需要注意的是需要将%AndroidHome%/adt-bundle/sdk/platform-tools;和%AndroidHome%/adt-bundle/sdk/tools这两个目录添加到环境变量Path上，以便在使用Cordova命令在cmd上创建项目时使用。

4. Ant安装并配置环境变量
   其实ADT的Eclipse下已经有了Ant的插件，我的目录是D:\Program Files\adt-bundle-windows-x86-20140321\eclipse\plugins\org.apache.ant_1.8.4.v201303080030\bin 把这个目录添加到环境变量Path中即可，如果没有的可以自行下载添加bin目录。这个也是以便在使用Cordova命令在cmd上创建项目时使用。

这样环境搭好之后，打开CMD，cd到1步骤里提到的packge目录下的bin目录。使用create.bat %path%\hello com.example.hello HelloWorld 命令即可在%path%路径下创建出hello工程目录。然后用Eclipse导入即可。
这样导进去是会报错的，因为没有对应版本的cordova.jar，在此提醒一下自从2.3.0版本后，cordova项目就没有直接提供jar包下载了，只在官网上提供了源码地址http://cordova.apache.org/#download。需要自行编译项目，才可以获取到jar包。怎么自行打包这个写在下一篇博客里面。

在Mac开发IOS的Cordova环境搭建

在mac下不像Windows那么复杂只需要下载对应包即可
1. 下载cordova-ios-xxx.tgz

解压出来之后在终端cd到packge目录下的bin 使用$create hello com.example.hello “HelloWorld”命令即可在当前路径下创建出hello工程目录，当然你可以更改这个路径 最后一个参数HelloWorld是APP的名称 在此不建议使用中文字符，否则Xcode打开会报错，至少我遇到是这样子的。可以在XCode打开之后更改。

好了 这样子基本上就把环境搭建的事情说完了，欢迎交流！