phoneGap開發環境搭建(android)

標籤：android   style   blog   class   java   tar   

1．  首先安裝nodejs  （http://nodejs.org/）

2．  然後在命令列輸入 npm 斷行符號

如果出現：

則表示安裝成功

 

3. 安裝

 

npm install -g cordova

4．  安裝JDK

 

這裡最麻煩的就是環境變數的配置了

 

配置環境變數：右擊“我的電腦”-->"進階"-->"環境變數"

1）在系統變數裡建立JAVA_HOME變數，變數值為：C:\Program Files\Java\jdk1.6.0_14（根據自己的安裝路徑填寫）

2）建立classpath變數，變數值為：.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar

3）在path變數（已存在不用建立）添加變數值：%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin（注意變數值之間用“;”隔開）

4、“開始”-->“運行”-->輸入“javac”-->"Enter"，如果能正常列印用法說明配置成功！

補充環境變數的解析:

JAVA_HOME:jdk的安裝路徑

classpath:java載入類路徑，只有類在classpath中java命令才能識別，在路徑前加了個"."表示當前路徑。

path：系統在任何路徑下都可以識別java,javac命令。

 

5.安裝ant

 

  還是環境變數的配置

操作如上

在系統變數中添加ANT_HOME

值為你ant解壓後的路徑

例如我的為 E:\phoneGap\apache-ant-1.9.4

 

在path 中添加 %ANT_HOME%\bin\ant.bat

 

在命令列輸入 ant –version 測試，ok的話會會列印如下字樣：

 

ApacheAnt(TM) version 1.9.4 compiled on April 29 2014

 

6．然後我們就可以建立一個項目了，

 

在命令列進入某一個目錄A，然後輸入

 

cordova create hello com.example.hello HelloWorld

這個目錄就會建立在目錄A下。

 

 

這時你的A目錄下就多了一個hello的檔案夾。

 

7. 添加 Android 平台

 

在命令列輸入：

 

cordova platform add android

 

8．  如果你想產生Android項目，則需要下載AndroidSDK ，去官網下載捆綁Eclipse的那個sdk ,大約500M，解壓後就可以直接用Eclipse開發原生態Android App，不用配置，非常方便（adt-bundle-windows-x86-20140321）

 

開啟eclipse，在工具列有兩個這樣的表徵圖，點擊第二個，去建立一個Android模擬器

 

9．  然後再去配置他的環境變數（哈哈，別打退堂鼓，只要這個配置成功了，就離成功不遠了，幹吧得！）

 

 

配置系統變數的目的就是可以再命令列直接編譯你的程式，然後發布到這個模擬器上，不需要通過Eclipse，非常方便。

 

還是如上操作，在系統變數中添加

把android sdk中的platform-tools 和 tools 這兩個路徑添加到系統變數的path中去

 

給出我的作為參考：

 

E:\phoneGap\adt-bundle-windows-x86-20140321\sdk\platform-tools

 

E:\phoneGap\adt-bundle-windows-x86-20140321\sdk\tools

 

 

 

10. 接下來需要你去建一個Android 的模擬器（參照8,9）

 

11．模擬器建好以後，你就可以再模擬器上運行你的app了（命令列必須切換到你的A目錄hello項目中）

 

命令列鍵入：

cordova run android

 

10,11 兩個步驟請參照

http://docs.phonegap.com/en/edge/guide_platforms_android_index.md.html#Android%20Platform%20Guide

 

 

 

最終：

 

 

 

最後兩個步驟懶得寫了，請允許我的懶惰。