本篇詳細(xì)介紹了如何在MAC上安裝和配置cordova的過程，希望我們整理的內(nèi)容能幫助到你。

cordova是大家做混合開發(fā)最經(jīng)常使用的一款使用HTML, CSS & JS進行移動App開發(fā)多平臺共用一套代碼，中文官方網(wǎng)站（http://cordova.axuer.com/），號外一下最近好多國外網(wǎng)站被墻的太嚴(yán)重，回歸正題，下面介紹一下cordova的安裝以及其中的“坑”。

1.安裝環(huán)境

Cordova的命令行運行在Node.js 上面并且可以通過NPM安裝。打開命令提示符或終端，然后鍵入npm install -g cordova

2.創(chuàng)建一個App
 

cordova create hello com.example.hello HelloWorld（這將會為你的cordova應(yīng)用創(chuàng)造必須的目錄。默認(rèn)情況下，cordova create命令生成基于web的應(yīng)用程序的骨骼，項目的主頁是 www/index.html 文件。）　

3.添加一個平臺

所有后續(xù)命令都需要在項目目錄或者項目目錄的任何子目錄運行

cd hello

給你的App添加目標(biāo)平臺。我們將會添加'ios'和'android'平臺，并確保他們保存在了config.xml中:
 

cordova platform add ios --save
 

cordova platform add android --save

檢查你當(dāng)前平臺設(shè)置狀況:

cordova platform ls 注意:在你使用CLI創(chuàng)建應(yīng)用的時候， 不要 修改/platforms/目錄中的任何文件。當(dāng)準(zhǔn)備構(gòu)建應(yīng)用或者重新安裝插件時這個目錄通常會被重寫。
 

4.構(gòu)建App

運行下面命令為所有添加的平臺構(gòu)建:

cordova build

你可以在每次構(gòu)建中選擇限制平臺范圍 - 這個例子中是'ios':

cordova build ios

說一說我遇見的“坑”吧！！！
 

這是官網(wǎng)的安裝SDK與Android API級別的對應(yīng)表，必須按照這個表選擇對應(yīng)的安裝負(fù)責(zé)就會報錯。

接著就是，Mac下的環(huán)境變量的設(shè)置，一般Java系統(tǒng)都是自帶的，可以不用安裝（但是要配置JAVA_HOME）,

然后安裝SDK，安裝Android Stand-alone SDK或者Android Studio。如果你計劃開發(fā)一個新的Cordova Android插件或者使用Android平臺原生的工具去運行和調(diào)試，那么就使用Android Studio吧。否則，Android Stand-alone SDK Tools就足夠構(gòu)建和部署Android應(yīng)用程序。在安裝完Android SDK后,你需要安裝任何你希望的目標(biāo)API級別的SDK包。建議你安裝cordova-android(參見上面)支持的最高級別的SDK包。

為了使功能正常使用Cordova的CLI工具需要設(shè)置一些環(huán)境變量。CLI會嘗試為你設(shè)置這些變量，但在某些情況下你需要手動設(shè)置。下面這些變量需要更新:

設(shè)置JAVA_HOME環(huán)境變量，指定為JDK安裝路徑設(shè)置ANDROID_HOME環(huán)境變量，指定為Android SDK安裝路徑同時也建議你添加Android SDK的tools和platform-tools目錄到你的PATH

在Mac或者Linux上面，你可以使用文本編輯器來創(chuàng)建或者修改文件~/.bash_profile。為了設(shè)置一個環(huán)境變量，添加一行，使用export像下面這樣(用你本地安裝路徑替代路徑):