Windows XP Windows 7 Windows 2003 Windows Vista Windows 綜合教學 Linux 系統教學
Windows 10 Windows 8 Windows 2008 Windows NT Windows Server 電腦軟體教學

Windows 7 安裝 PhoneGap 3.0 (Cordova) + Android 開發環境完整教學

編輯:Windows 7 系統介紹

PhoneGap(後改名 Cordova)在 Win7 上建置環境步驟繁多,核心在於正確設定多組環境變數。本文整理完整流程,含 Node.js、Android SDK、JDK、Ant、Eclipse、ADT、Cordova CLI 專案建立與匯入 Eclipse。

環境建置清單

元件版本建議關鍵環境變數
Node.js最新 LTS安裝程式自動加入 PATH
Android SDKADT Bundle 或獨立 SDKANDROID_HOME=SDK根目錄
PATH+= %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools
Java JDKJDK 1.6/1.7(Eclipse 相容性較佳)JAVA_HOME=JDK目錄
CLASSPATH=.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar
PATH+= %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin
Apache Ant1.9.xANT_HOME=Ant目錄
PATH+= %ANT_HOME%\bin
EclipseJuno/Kepler(ADT Bundle 內建)無需額外環境變數
ADT Plugin對應 Eclipse 版本Eclipse → Help → Install New Software → 加入 ADT zip

成功執行畫面

Android SDK目錄結構

SDK Manager下載套件

環境變數設定

Eclipse安裝ADT

Eclipse匯入專案

專案匯入完成

Cordova 專案建立與測試

  1. CMD 執行:npm install -g cordova(需 Node.js 已裝好)。
  2. 建立專案:cordova create hello com.example.hello "HelloWorld"
  3. 進入目錄:cd hello → 加入 Android 平台:cordova platform add android
  4. Eclipse → Import → Android → Existing Android Code Into Workspace → 選取 hello/platforms/android。
  5. Run → Android Application → 選擇模擬器或實體裝置測試。

常見坑點提醒

  • 環境變數 PATH 新增時前方必須有分號(;%VAR%)。
  • JDK 版本過新(1.8+)可能導致舊版 Eclipse 無法啟動,建議 1.6/1.7。
  • Ant 未安裝會導致 cordova platform add android 報錯。
  • SDK Manager 必須下載對應 API Level 的 SDK Platform 與 Build Tools。
  • 64 位元系統需下載 64 位元版 JDK、Eclipse、ADT Bundle。
現代替代方案: 現在建議直接使用 Android Studio(內建 Gradle、SDK Manager、模擬器),配合 Cordova CLI 僅需 cordova run android 即可編譯部署,無需手動匯入 Eclipse,流程簡化許多。
Copyright © Windows教程網 All Rights Reserved