Mac下 cordova 安裝隨筆，maccordova

Mac下 cordova 安裝隨筆，maccordova

　　首先這是我自己第一篇部落格，如果有什麼不對的，大家指出，積極修改。

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

　　1.安裝環境

　　  Cordova的命令列運行在Node.js 上面並且可以通過NPM安裝。開啟命令提示字元或終端，然後鍵入npm install -g cordova

　　2.建立一個App　　

　　cordova create hello com.example.hello HelloWorld
　　（這將會為你的cordova應用創造必須的目錄。預設情況下，cordova create命令產生基於web的應用程式的骨骼，項目的首頁是 www/index.html 檔案。）
　3.添加一個平台
　　

        所有後續命令都需要在項目目錄或者項目目錄的任何子目錄運行:

    cd hello

        給你的App添加目標平台。我們將會添加'ios'和'android'平台，並確保他們儲存在了config.xml中:

    cordova platform add ios --save    cordova platform add android --save

        檢查你當前平台設定狀況:

     cordova platform ls
   注意:在你使用CLI建立應用的時候， 不要 修改/platforms/目錄中的任何檔案。當準備構建應用或者重新安裝外掛程式時這個目錄通常會被重寫。

　　4.構建App
　　

　　　運行下面命令為所有添加的平台構建:

    cordova build

         你可以在每次構建中選擇限制平台範圍 - 這個例子中是'ios':

    cordova build ios

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

　　　　這是官網的安裝SDK與Android API層級的對應表，必須按照這個表選擇對應的安裝負責就會報錯。

　　　　接著就是，Mac下的環境變數的設定，一般Java系統都是內建的，可以不用安裝（但是要配置JAVA_HOME）,

　　然後安裝SDK，安裝Android Stand-alone SDK或者Android Studio。如果你計劃開發一個新的Cordova Android外掛程式或者使用Android平台原生的工具去運行和調試，那麼就使用Android Studio吧。否則，Android Stand-alone SDK Tools就足夠構建和部署Android應用程式。在安裝完Android SDK後,你需要安裝任何你希望的目標API層級的SDK包。建議你安裝cordova-android(參見上面)支援的最進階別的SDK包。

　　為了使功能正常使用Cordova的CLI工具需要設定一些環境變數。CLI會嘗試為你設定這些變數，但在某些情況下你需要手動設定。下面這些變數需要更新:

　　在Mac或者Linux上面，你可以使用文字編輯器來建立或者修改檔案~/.bash_profile。為了設定一個環境變數，添加一行，使用export像下面這樣(用你本地安裝路徑替代路徑):

　　export ANDROID_HOME=/Development/android-sdk/

　　為了更新PATH,添加一行類似下面這樣(路徑替換為你本地的Android SDK安裝路徑):

　　export PATH=${PATH}:/Development/android-sdk/platform-tools:/Development/

　　android-sdk/tools

　　重新啟動終端或者運行下面命令來看變化帶來的反應:

　　source ~/.bash_profil

　　然後需要安裝Gradle（android studio可以安裝）
　　基本上就完成了，測試可以使用模擬器（genymotion等），也可以使用真機，希望可以協助你。