Cordova環境搭建

一、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查看安裝結果。

三、Cordova安裝

好了，搭建完這些基本工具後，終於可以安裝cordova了。 

在OSX或者Linux平臺：

sudo npm install -g cordova

同樣的，安裝完成後，可以通過 

cordova -v

命令查看安裝結果。成功輸出當前的cordova版本，那麼你就安裝成功了。

如果報錯：

npm ERR! Darwin 14.0.0

npm ERR! argv "node" "/usr/local/bin/npm" "install" "-g" "cordova"

npm ERR! node v0.12.7

npm ERR! npm  v2.11.3

npm ERR! shasum check failed for /tmp/npm-971-2c493ef3/registry.npmjs.org/cordova-app-hello-world/-/cordova-app-hello-world-3.9.0.tgz

npm ERR! Expected: 5866d8fed5582686c68ec59a6d1097c4ec0fcc4b

npm ERR! Actual:   64cde365d38ba8c33b0d854af07c738bbd86488d

npm ERR! From:     https://registry.npmjs.org/cordova-app-hello-world/-/cordova-app-hello-world-3.9.0.tgz

npm ERR! 

npm ERR! If you need help, you may report this error at:

npm ERR!     <https://github.com/npm/npm/issues>

npm ERR! Please include the following file with any support request:

npm ERR!     /Users/sunchongguo/npm-debug.log

解決方法：

第一種 執行命令： npm install https://registry.npmjs.org/npm/-/npm-1.3.20.tgz
第二種：npm set registry https://registry.npmjs.org/

第三種：（我使用這種方式解決的，在此之前用過第五種，不過沒有成功）

npm config set registry http://registry.cnpmjs.org npm info underscore （如果上面配置正確這個命令會有字符串response）

第四種：

命令行指定

npm --registry http://registry.cnpmjs.org info underscore 

第五種：編輯 ~/.npmrc 加入下面內容

registry = http://registry.cnpmjs.org 

四、創建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 platformls

構建命令： 

cordova build// 自動構建所以你添加的平臺 $ cordova build platformName// 根據平臺名稱構建 $ cordova build android// 構建安卓平臺

如果cordova build 執行出現提示：

Error: ios-deploy was not found. Please download, build and install version 1.9.0 or greater from https://github.com/phonegap/ios-deploy into your path, or do 'npm install -g ios-deploy'

可以執行：

npm install -g ios-deploy

如果這句命令也出現問題：

npm WARNcheckPermissions Missing write access to /usr/local/lib/node_modules

/usr/local/lib

└── [email protected] 

npm ERR! Darwin 16.4.0

npm ERR!argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" "-g" "ios-deploy"

npm ERR!node v6.9.5

npm ERR!npm  v3.10.10

npm ERR!path /usr/local/lib/node_modules

npm ERR!code EACCES

npm ERR!errno -13

npm ERR!syscall access

npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules'

npm ERR!     at Error (native)

npm ERR!  { Error: EACCES: permission denied, access '/usr/local/lib/node_modules'

npm ERR!     at Error (native)

npm ERR!   errno: -13,

npm ERR!   code: 'EACCES',

npm ERR!   syscall: 'access',

npm ERR!   path: '/usr/local/lib/node_modules' }

npm ERR! 

npm ERR! Please try running this command again as root/Administrator.

npm ERR! Please include the following file with any support request:

npm ERR!     /Users/sunbinhua/Desktop/a/hello/npm-debug.log

那麼執行：

sudo npm install -g ios-deploy --unsafe-perm=true

這樣就解決了

Cordova 添加插件

cordova plugin add "/Users/sunbinhua/Downloads/心動約會/plugins/com.dlxx.mam.plugins.requestheader" 

cordova plugin add https://github.com/brendonparker/cordova-HTTP.git

cordova prepare

cordova run build ios

五、常用插件列表

http://www.hangge.com/blog/cache/detail_1158.html