Cordova開發環境的搭建
Cordova開發環境的搭建
原文地址: http://imziv.com/blog/article/read.htm?id=66
Cordova為目前做混合式開發中比較受歡迎的一個解決方案了，并且擁有比較豐富的插件資源。本文介紹了Cordova開發的環境搭建過程。 由于Cordova命令行工具發布在了npm包管理平臺上，npm為nodejs內置的包管理工具，所以安裝cordova前需要先確認你是否已經安裝過 Nodejs。
Nodejs安裝
打開 Nodejs 官網下載頁，根據自己當前的操作系統平臺，選擇對應的nodejs版本，下載完后直接點擊安裝程序，下一步完成即可。測試nodejs安裝，打開控制臺，輸入：
$ node -v // 查看node版本 $ npm -v // 查看npm版本
如果控制臺成功輸出當前程序安裝的版本，那么你已經安裝成功了。
Nodejs版本管理工具(Nvm)
由于Nodejs目前的更迭速度很快，有時候項目組人員的版本可能各不相同，為了避免出現不必要的問題，盡量統一管理node的版本，所以我們需要 nvm 這樣一個版本管理工具，來輕松的達到自由切換nodejs和npm版本的問題。
Linux平臺，Mac安裝和更新
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.29.0/install.sh | bash
或者
wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.29.0/install.sh | bash 打開控制臺輸
nvm --version // 查看nvm版本 如果成功輸出，那么nvm就安裝成功了。更多的nvm可以在控制臺通過nvm --help查看。
當然如果發現控制臺找不到nvm這個全局變量的話，那么我們可以嘗試手動添加的方式。
打開~/.bashrc, ~/.profile, ~/.bash_profile, 或者~/.zshrcc文件，在文件后面添加變量環境導出的代碼：
export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm 同樣的，進行完變量導出后，可通過上面的nvm --version查看安裝結果。
windows安裝
nvm提供了windows上的安裝器，可以在這里 下載 , 然后直接點擊安裝即可。
Cordova安裝
好了，搭建完這些基本工具后，終于可以安裝cordova了。
在OSX或者Linux平臺：
$ sudo npm install -g cordova Windows平臺:
C:\>npm install -g cordova 同樣的，安裝完成后，可以通過
$ cordova -v 命令查看安裝結果。成功輸出當前的cordova版本，那么你就安裝成功了。
創建Cordova項目和模擬器運行
切換到你的workspace目錄，執行
$ cordova create hello com.example.hello HelloWorld 這個命令會幫我們自動在workspace目錄下創建一個名為hello(即第一個參數）的文件夾，里面會包含幾個子文件目錄，第二個參數com.example.hello即為項目包的一個標識符，就像java項目中的某個包名一樣。當然你可以在創建的時候就添加上去，如果不添加，cordova會幫你自動生成，而你之后可以在根目錄下的config.xml下手動去更改這個項目標識名稱。最后一個HelloWord為程序顯示的標題名稱。同樣如果不寫cordova會自動生成，也可以在config.xml下手動配置。創建完后，我們一個可以看到workspace下為我們生成的這個項目目錄以及相關初始化文件。
添加運行平臺：
$ cordova platform add android // 安卓 $ cordova platform add ios // 蘋果 $ cordova platform add wp8 // wp8
查看添加的運行平臺：
$ cordova platform ls
構建命令：
$ cordova build // 自動構建所以你添加的平臺 $ cordova build platformName // 根據平臺名稱構建 $ cordova build android // 構建安卓平臺
在模擬器運行安卓（這里假設你電腦裝了安卓SDK的環境）
$ cordova emulate android 另外，你也可以直接連上你的手機直接測試，運行：
$ cordova run android 運行命令后，程序會自動構建初始化，并打開模擬器，然后運行當前的程序。
安裝安卓SDK
上面的運行示例中直接假設你已經安裝好了安卓的運行環境，如果沒有安裝的話，那么可以參考下面的教程。
下載安裝
打開 安卓SDK安裝的頁面 ，當然如果你沒有使用Android Studio的話，那么就直接點擊下載SDK, 下載完后直接解壓到一個例如andoid-sdk的目錄下面即可。
解壓完后，我們可以切換到解壓文件下android-sdk/tools目錄下，我們可以通過./android命令運行SDK程序，運行后，應該就會打開一個SDK管理界面，然后根據所需下載相應版本的SDK。由于谷歌被墻，所以如果你身邊的同事已經有安卓開發環境的話，最好直接從他們那邊拷貝環境即可，不然這個非常難下載。
配置SDK環境變量
上面我們安裝完后，可以在tools目錄下通過命令直接打開SDK管理工具，但是為了更方便的全局訪問，我們給它添加全局變量。在OSX或者Linux下，我們打開或者創建~/.bash_profile文件，然后添加如下代碼：
export PATH=${PATH}:/Users/ziv/Documents/development-android/android-sdk/platforms:/Users/ziv/Documents/development-android/android-sdk/tools 以上是我電腦上面配置的實例代碼。配置好后，在控制臺直接輸入：android命令，如果成功打開SDK管理工具，那么就成功了。至于windows的環境變量配置，這里就不多說了。
創建模擬器
成功安裝完SDK管理工具后，我們需要創建一個模擬器：
- 運行android命令，打開包管理工具
- 選擇菜單上面的tools -> Manage AVDs
- 在模擬器管理界面選擇create
- 根據你所要的SDK版本，設備，硬件參數來創建一個模擬器
- 填寫完畢后點擊OK即可
配置好這一切后，我們再用cordova emulate android命令啟動模擬器。模擬器如果成功啟動，則會直接打開我們的這個HelloWorld應用。在使用途中我們會發現，安卓SDK自帶的模擬器相當的卡頓，反應異常慢，所要跟安卓同事交流后，他們推薦我使用 Genymotion .
Genymotion模擬器的安裝使用
打開 genymotion 的下載頁面，這里我們需要下載個人版本的genymotion, 因為其他版本需要收費，另外你要先在這個網站注冊一個賬號。
下載Genymotion完并安裝后，點擊運行發現出現了無法運行的情況，提示你需要安裝 VirtualBox ，因為Genymotion依賴VirtualBox虛擬機, 所以我們打開 VirtualBox , 找到下載按鈕點擊下載安裝包程序，下載完成后直接點擊安裝即可。
安裝完成后，運行Genymotion, 然后點擊add，創建一個模擬器，如圖
圖中的Custom Phone則為我已經創建好的。創建好后，點擊start即可。如果發現啟動時VirtualBox出現無法啟動并拋出類似權限異常的情況下，我們可以通過如下命令賦權：
$ sudo chmod -R 777 /Applications $ sudo chmod -R 777 /Applications/VirtualBox.app
然后重新啟動。正常情況下，genymotion會打你之前添加的模擬器，然后在cordova中運行genymotion模擬器，直接通過運行如下命令：
$ cordova run android 程序會自動在genymotion中運行起來。