一、下載java jdk （我自己的jdk版本是jdk-8u131-windows-x64.exe）
1 下載java jdk 安裝包，如果C盤夠大，可以選擇安裝到默認路勁，如：
我自己安裝的路徑：
2. 配置java jdk環境變量
計算機→屬性→高級系統設置→高級→環境變量
系統變量—>新建JAVA_HOME變量 （如果有可以不用新建）； 變量值填jdk的安裝路徑（如：H:\JavaJDK\jdk1.8.0_131），如下圖：
3. 系統變量—>Path變量—>編輯—>新建
在編輯環境變量最後輸入
%JAVA_HOME%\bin
%JAVA_HOME%\jre\bin
4. 系統變量à新建CLASSPATH變量；
變量值.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar（注意最前面有一點）
5. 運行cmd 輸入 java –version
若如圖所示 顯示版本信息 則說明安裝和配置成功。
二、下載Android SDK (我自己裝的sdk版本 installer_r24.4.1-windows.exe)
1. 下載java jdk 安裝包，如果C盤夠大，可以選擇安裝到默認路徑，我的安裝路徑：H:\Android\android-sdk（最好安裝到一個內存夠大的盤，因爲要下載SDK Manager.exe）
2. 更新SDK
AndroidSDK設置代理
SDKManager->Tools->Options代理設置
在更新的時候Tools中的Android SDK Build-tools必須選中一個，Extras選上不然無法打包。
我自己下載的是Android 8.0.0/7.1.1/7.0/6.0/5.1.1/5.0.1選擇後點擊右下角第一個按鈕 Install…;在彈出的界面選擇Accept License,在點擊右下角左邊的按鈕Install。（這個更新下載過程很漫長，而且有的第一次並不能下載下來，需要單獨選中下載）
下載過程截圖
2. 配置SDK 環境變量
計算機→屬性→高級系統設置→高級→環境變量
系統變量àPathà編輯à新建
新建一個用戶變量，變量名：ANDROID_HOME，變量值：H:\Android\android-sdk（以你安裝目錄爲準,確認裏面有tools和add-ons等多個文件夾），點擊確定。
在用戶變量path後面加上變量值%ANDROID_HOME%\platform-tools;點擊確認即可，在系統變量path中添加H:\Android\android-sdk\tools
如下圖
3. cmd 輸入 adb
若如下圖所示 顯示版本信息 則說明安裝和配置成功。
三、 安裝node.js
下載安裝node.js,https://nodejs.org/en/，安裝cordova時需要使用。
安裝完成之後在終端（win+r,cmd）執行node-v，如果看到如下圖所示的版本號表示安裝成功。
四、 安裝ant
可以去官網下載（ant 版本不要選最新的,cordova開發羣有人說最新的安裝以後會有問題。我選的是1.9.9版本的）
下載完成之後解壓到你想安裝的目錄，比如H:\Ant。然後將目錄添加到系統變量裏，步驟如下：右擊我的電腦，點擊屬性，左側菜單點擊高級系統設置，在彈窗中點擊環境變量，然後在用戶變量中添加變量ANT_HOME,值爲H:\Ant\apache-ant-1.9.9，在變量path中添加變量值爲H:\Ant\apache-ant-1.9.9\bin 添加變量classpath，值爲H:\Ant\apache-ant-1.9.9\lib。如下圖：
添加path的變量值
配置好之後在終端輸入ant -v，如果出現如下圖所示則表示成功。
五、 安裝cordova
npm設置代理
在終端執行npm config set proxyhttp://10.43.146.29:8080
在終端執行命令 npm install -g cordova (注意這個命令安裝的是最新的cordova版本，目前的最新版本是7.0.1有問題，所以用命令 npm install -g cordova@版本號。我自己裝的是6.5.0,所以輸入的命令是：npm install -g [email protected])。（這個安裝過程有點長。）
注意：有時候我們安裝成功了，但是執行cordova命令提示不是內部或外部命令，這時候需要在環境變量中配置我們的全局npm路徑，在系統變量裏找到Path，添加值爲C:\Users\s1606004\AppData\Roaming\npm（找到自己對應的npm目錄）.
如圖：
配置好之後在終端輸入cordova -v，如果出現如下圖所示則表示成功。
六、 gradle設置代理
C:\Users\XXX\.gradle\目錄下新建文件gradle.properties，內容如下
systemProp.http.proxyHost=10.43.146.29
systemProp.http.proxyPort=8080
systemProp.https.proxyHost=10.43.146.29
systemProp.https.proxyPort=8080
其中10.43.146.29 是我本地局域網的代理
如圖：
下面的截圖是整個環境搭建過程的檢測：
七、 創建應用：
1. 在終端進入你想要創建的目錄，執行下面的命令：（比如在D盤創建）
cordova create first com.example.firstfirstApp
（cordova creat是創建項目的命令，緊接着first爲目錄，com.example.first爲命名空間，firstApp爲app名稱）
2. 添加平臺（Android）
cd first
cordova platform add android
檢查是否滿足build條件：cordova requirements
3. 編譯app
cordova build android
下面的路徑就是編譯生成的debug版本的apk
4. 開發
用Hbuilder打開生成的first項目，如下圖
所有的html,css,js代碼都寫在www文件夾內,見下圖：
可以直接用谷歌瀏覽器打開index.html進行調試，如下圖：
八、常用命令
1、創建應用
cordovacreate first com.example.first firstApp
2、添加平臺
cordovaplatform add android
cordovaplatform add ios
cordovaplatform add amazon-fireos
cordovaplatform add blackberry10
cordovaplatform add firefoxos
3、查看平臺
cordovaplatforms ls
4、刪除平臺
cordovaplatform remove android
或者
cordovaplatform rm android
5、打包app
cordovabuild android
6、運行app
cordovaemulate android//模擬器運行
cordovaserve android//瀏覽器運行
cordovarun android//真機運行
7、刪除cordova
npmuninstall cordova -g
參考鏈接：
http://www.cnblogs.com/xiyangbaixue/archive/2016/04/11/5374728.html
http://www.cnblogs.com/fangbo/p/3941178.html
http://jingyan.baidu.com/article/6dad5075d1dc40a123e36ea3.html
Cordova iOS環境配置（macbookpro,j建議用webstorm編輯代碼）
一、安裝Node.js
下載地址：https://nodejs.org
（我選擇V6.11.2）
在終端運行 npm -v ,如果出現版本號則說明安裝成功；如下圖
二、安裝CordovaCLI(我指定了cordova的版本)
在終端輸入如下命令：
sudo npm install -g cordova
等安裝結束後在終端輸入cordova -v 顯示版本號則說明安裝成功；如下圖
三、創建cordova項目
在終端中運行cd命令進入創建項目工程的目錄位置
比如說在桌面創建一個名字爲hello的工程；命令如下
cddesktop
cordova create hellocom.example.hello HelloWorld
參數說明：
第一個參數 hello 爲工程的文件夾名；
第二個參數（可選）com.example.hello爲應用程序的id名，與Xcode中類似，可以在 config.xml 中修改，如果不指定的話默認爲 io.cordova.hellocordova；
第三個參數（可選）HelloWorld爲App顯示的名稱，也可在 config.xml 中修改。
如下圖
四、添加iOs平臺
1.進入工程目錄
如:cd hellow
2.添加iOS平臺文件
cordovaplatform add ios
3.執行完成後即可看到在platform文件夾下已經創建了ios工程;如下圖
目錄文件說明：
conig.xml ：cordova的配置文件
hooks/：存放自定義cordova命令的腳本文件。
platforms/：各個平臺原生工程代碼，會在build時被覆蓋勿修改
plugins/：插件目錄（主要是提供各個平臺的原生API）
www/ ：用H5編寫的源代碼目錄，build時會被放入各個平臺的assets\www目錄。
www/index.html：App入口html文件
五、編譯運行
直接打開HelloWorld.xcodeproj 工程即可在Xcode中進行編譯和運行,如圖
（在紅色框內的www文件夾內編輯,然後運行如下命令重新build 工程[ 命令：cordovabuild ]，這些頁面就會自動覆蓋到各個平臺下對應目錄下。）
六、運行結果截圖如下(打包請參照xcode打包ipa)
參考鏈接：http://www.cnblogs.com/huazai/p/cordova_ios.html