[Android] 安裝 Android App 開發環境 (含Eclipse + Cordova)

2015-04-05

安裝 Android App 開發環境 (含Eclipse + Cordova)

最近接手一個Android app，而他有用到Cordova(phonegap)

以下簡單講解怎麼架設 Android 的開發環境

Eclipse：開發程式時所用的IDE。

ADT：Android Development Tools(ADT)，這是一個Eclipse plugin，安裝這個是為了讓Eclipse能夠開發Android app。

Android SDK：內含許多在開發Android應用程式時會用到的基本工具程式。

如果嫌一個一個安裝太麻煩的話，可以直接下載 Eclipse ADT Bundle。

Eclipse ADT Bundle 是 Google 為了降低 Android 入門門檻所包裝而成的開發工具，它已經幫我們將 Eclipse、ADT、Android SDK整合包裝起來，下載後只要解壓縮就可以直接使用了。

我是下載 Eclipse ADT Bundle 20140702版。

安裝 Cordova 時要先安裝完成的環境

1. Java JDK (我的版本是 1.7.0_07)

2. node.js (我的版本是 node-v0.12.2-x64)

3. Apache Ant (我的版本是 1.9.4)

4. Android SDK ( 我是下載 Eclipse ADT Bundle來用，裡面就有內建了。)

設定環境變數

在環境變數下方的系統變數的Path按下編輯

在最後面加上 ;JDK安裝目錄\bin\;ANT目錄\bin\;Android SDK安裝目錄\tools\;Android SDK安裝目錄\platform-tools\

請把紅字部分改成你自己電腦上的路徑。

測試環境變數是否都成功安裝設定完成

C:\> java -version
C:\> ant -version
C:\> adb version
C:\> emulator –version

安裝 Cordova

C:\> npm install -g cordova

node.js 要安裝完成後才能使用 npm 指令。

如果不能用的話，請確認node.js是否成功安裝。

cordova會安裝在底下這個路徑

C:\Users\使用者名稱\AppData\Roaming\npm\node_modules\

請檢查裡面是否有 cordova 這個目錄

檢查是否成功安裝 Cordova

C:\> cordova –version

如果找不到 cordova 這個指令的話，

請將這個路徑加到環境變數底下

C:\Users\使用者名稱\AppData\Roaming\npm\node_modules\cordova\bin

建立第一個 App

C:\> cordova create hello com.example.hello HelloWorld

建好後進到資料夾底下

C:\> cd hello

添加 Android 平台

C:\hello> cordova platform add android

Build App

C:\hello> cordova build android

在模擬器或者設備上執行App

執行App前要先建好模擬器並開啟，

Cordova 預設開啟的模擬器是 Google Galaxy Nexus，所以在建立模擬器時請選擇 Google Galaxy Nexus，我是建 Google Galaxy Nexus –4.3 – API 18 – 720x1280

模擬器開啟後，執行

C:\hello> cordova run android

會看到成功畫面如下：

剛剛是在 cmd 底下建立專案，現在我們將專案匯入Eclipse

Root Directory 請選擇剛剛建立的專案路徑，並將 Project to Import 的兩個選項打勾。

匯入完成後可點選 Run 直接執行，但記得要先開啟模擬器。

Luke's Note