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

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

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

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

下载cordova-android-xxx.tgz
下载到tgz包之后解压出来是一个名为package的目录。后面讲解怎么使用。其实从这一步能够看出我没有使用CLI（Command-Line Interface）命令行方式搭建环境，有兴趣能够参照官方文档本身尝试。
http://cordova.apache.org/docs/en/5.0.0/guide_cli_index.md.htmljava
JDK安装并配置环境变量
这一点大多数java开发者都已经配置过，须要注意的是 Cordova5.0 Document建议使用JDK7及以上版本）android
ADT安装并配置环境变量(非Android Studio）
Android开发人员确定都是安装过ADT的，可是须要注意的是须要将%AndroidHome%/adt-bundle/sdk/platform-tools;和%AndroidHome%/adt-bundle/sdk/tools这两个目录添加到环境变量Path上，以便在使用Cordova命令在cmd上建立项目时使用。ios
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上建立项目时使用。web

这样环境搭好以后，打开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包。怎么自行打包这个写在下一篇博客里面。apache

在Mac开发IOS的Cordova环境搭建

在mac下不像Windows那么复杂只须要下载对应包便可
1. 下载cordova-ios-xxx.tgzwindows

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

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