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