軟體安裝

XCode

使用macOS中的App Store搜尋xcode後就可以安裝最新版，如下圖中的第一個，點選後安裝即可

Git

macOS系統預設是沒有安裝git，但安裝xcode後，啟用終端機，並輸入「git --version」就可以看到已安裝完成

Java SE Development

下載網址：http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

進入網站後，在點選下載前要先點選「Accept License Agreement」，目前使用macOS系統所以點選下載 「jdk-8u152-macosx-x64.dmg 」

檢查java安裝版本java -version

Nvm(Node Version Manager)

安裝nvm主要是用來管理Node.js，如果在一台電腦中要安裝不同版本的Node.js就可以透過nvm切換目前要使用那個版本，所以也是可以從Node.js官方網站下載，因為MoodleMobile2目前官方文件有說明目前使用v6.9.1版是沒有問題，若使用其他版本可能會有問題。

安裝

指令

設定.bash_profile

加入以下的指令後儲存檔案

重新載入.bash_profile

檢查nvm安裝版本 nvm --version

執行指令後，確認有顯示版本資訊，如目前安裝的是v0.33.6

使用

nvm install <version>

安裝Node.js，後面帶版本編號，目前MoodleMobile2需要使用6.9.1，安裝內容如下，如果要安裝最新版本請執行nvm install node即可

nvm current

查詢目前所使用的Node.js版本

nvm use <version>

設定目前電腦要使用的Node.js版本，如下測試一開始的版本為v9.2.0透過指令nvm use 6.9.1，切換到所設定的版本

nvm ls

查詢目前電腦中所安裝的Node.js，如下圖，目前安裝了v6.9.1與v9.2.0，而且目前是使用

nvm uninstall <version>

移除所設定的Node.js版本，測試如下…

Ionic & Cordova

安裝Ionic及Cordova行動裝置開發框架，注意，@後方的版本編號，這為MoodleMobile2官方目前所指定，若使用其他版本可能會出現錯誤

安裝

檢查cordova安裝版本cordova -v

檢查ionic安裝版本 ionic -v

在ionic這邊有出現訊邊要安裝ios-sim及ios-deploy

安裝ios-sim sudo npm install -g ios-sim

安裝 ios-deploysudo npm install -g ios-deploy --unsafe-perm=true

安裝 bower

執行指令 sudo npm install -g bower

檢查安裝版本 bower -v

安裝 gulp

執行指令 sudo npm install -g gulp

檢查安裝版本gulp -v

安裝cocoapods

執行指令 sudo gem install cocoapods

檢查安裝版本pod --version

執行指令pod setup

一定要執行pod setup，要不然在接著執行「npm run setup」的過程中，安裝套件「phonegap-plugin-push」時會出現以下的錯誤訊息

有執行pod setup的話，會出現以下的訊息

Android SDK (25.2.5)

安裝Android SDK主要讓程式可以打編譯成Android行動裝置的App，也可以透過Androis SDK管理要下載那些版本的sdk及建立android模擬器，這邊在title上特別加上版本編號25.2.5，目前Android SDK官方網站的版本已經更新到26，經過測試，在版本25.3刪除了templates這個資料夾(Android SDK Tools Revision 25.3.0)，所以造成在執行編譯(ionic build android)時會出現以下的訊息…

有測試把舊版的templates資料夾複製到版本26的sdk tools資料夾中，再執行ionic build android是可以編過，但不確定執行時會有什麼問題，所以最後下載版本25.2.5，官網上所提供的都是新版本連結，請到此網址下載 http://dl-ssl.google.com/android/repository/tools_r25.2.5-macosx.zip，此版本還保有圖型介面(GUI)的操作方式，而新版的sdk tools只有command line(sdkmanager)

下載完tools_r25.2.5-macosx.zip，請解壓縮，把tools資料夾放到使用者目錄中的「應用程式->Android->sdk」下，此路徑可以自訂，需要和~/.bash_profile內的路徑設定相同，如下圖

用終端機開啟的路徑為「/Users/使用者/Applications/Android/sdk/tools」

設定.bash_profile

加入以下的指令

如果JAVA只有安裝一個版本JAVA_HOME可以不用設定，安裝好系統就抓得到，如果有多個版本，可以`export JAVA_HOME=/usr/libexec/java_home -v 1.8`` 指定要使用的版本；platform-tools\這個資料夾是要安裝後才會出現，就先設定好，等一下就不需設定

重新載入.bash_profile

測試android sdk tools

執行指令 android -h，顯示如下的內容代表安裝設定完成…，功能說明如下…

Android SDK Manager 安裝所需的套件

在終端機下執行指令「android」，就會啟動Android SDK Manager的設定畫面，此GUIx在新版的Android SDK Tools是沒有的，剩下指令模式，執行android指令後就會看到如下圖的畫面…

請先取消預設勾選要安裝的套件，然後勾選以下套件

勾選完後，點選右下角的「Install 5 packages...」

接著在新增出的視窗中，點選「Android SDK License」再點選右下角的「Accept License」，左邊的packages就會變綠的的勾，如下圖...點選「Install」後，就會看到如下圖的安裝畫面，最後看到「Done loading packages」代表安裝完成，請點「close」，關閉視窗

回到Android SDK Manager主畫面，可取消勾選下方的「Updates/New」，就會列出目前所安裝的套件，確認完後就可以關閉視窗

Previous開發環境及軟體清單Next源始碼及編譯

Last updated

Was this helpful?