Windows8下PhoneGap 4 + Android Studio 1.0 + VS2013配置指南

1、準備工作

• 安裝JDK1.6+，設置環境變量

JAVA_HOME
C:\Program Files\Java\jdk1.5.0_07

CLASSPATH 
.;%JAVA_HOME%\lib

Path
%JAVA_HOME%\bin

• 安裝ANT，設置環境變量

ANT_HOME
D:\apache-ant-1.8.2                    
 
Path
D:\apache-ant-1.8.2\bin

• 安裝Android SDK，設置環境變量

ANDROID_HOME
C:\Program Files\Android\sdk

Path
%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\build-tools\20.0.0;

• 安裝VS2013 WP8模擬器

 

2、下載Node.js

http://nodejs.org/下載32位或64位版本

3、運行Node.js command prompt

輸入

C:\> npm install -g phonegap

phonegap保存在C:\Users\[用戶名]\AppData\Roaming\npm

4、在項目目錄下執行

$ phonegap create my-app
$ cd my-app
$ phonegap run android
$ phonegap run wp8

phonegap會自動建立my-app文件夾，不同平臺的項目在platforms文件夾下面 緩存的內容在C:\Users\[用戶名]\.cordova\lib

5、Android項目

Eclipse->Import導入項目即可 Android Studio 1.0：由於Android Studio 1.0默認安裝的是Android5.0，編譯器版本是21，gradle目前版本是2.2.1，所以要對相關文件做一些更改
1）修改選擇my-app\platforms\android\build.gradle

第10行 classpath 'com.android.tools.build:gradle:1.0.+'

第40行 compileSdkVersion 21
第41行 buildToolsVersion "21.1.1"

第74行 gradleVersion = '2.2.1'

2）修改my-app\platforms\android\project.properties

第13行 target=android-21

3）修改my-app\platforms\android\AndroidManifest.xml

第13行 <uses-sdk android:minSdkVersion="10" android:targetSdkVersion="21" />

4）修改my-app\platforms\android\CordovaLib\build.gradle

第28行 classpath 'com.android.tools.build:gradle:1.0.+'

第35行 compileSdkVersion 21
第36行 buildToolsVersion "21.1.1"

5）修改my-app\platforms\android\CordovaLib\project.properties

第13行 target=android-21

6）修改my-app\platforms\android\CordovaLib\AndroidManifest.xml

第22行 <uses-sdk android:minSdkVersion="10" />

7）Import，my-app\platforms\android\build.gradle gradle的下載路徑爲C:\Users\[用戶名]\.gradle\wrapper\dists，可以用下載工具下載後拷到相應目錄下，並新建一個內容爲空的gradle-2.2.1-all.zip.ok文件 8、如果編譯報錯，提示Task '' not found in root project 'android'，則打開android.iml，點擊“同步”即可。

6、wp8項目

直接打開my-app\platforms\wp8\Hello_World.sln執行即可

另外，幫助文檔可以在https://github.com/apache/cordova-docs下載後離線閱讀