我的第一個phonegap開發WebApp的demo 怎麼搭建安卓開發環境以及安裝phonegap

一、先來張圖，賞心悅目觀賞一下，哈

、

這個就是使用phonegap架構搭建起來的，運作在安卓環境上的第一個demo。

安卓的開發環境，大家都會搭建了，是以不贅述。講一下，安裝phonegap的步驟。

二、phonegap的安裝

1. 設定系統變量

系統變量

Path後面添加：(以下變量都是必須的，路徑根據自己的設定)

E:\android_sdk\sdk\tools;

E:\android_sdk\sdk\platform-tools;

E:\android_sdk\eclipse\plugins\org.apache.ant_1.8.3.v201301120609\bin

C:\Program Files (x86)\Java\jdk1.6.0_10\bin;

新增 JAVA_HOME，設定值為java sdk

根目錄：

C:\Program Files (x86)\Java\jdk1.6.0_10\

我搭建的安卓開發環境目錄是這樣的：

（ps：如果搭建不成功，contact me。）

2. 安裝node.js

http://nodejs.org

（如果在指令行輸入node有問題，請看三、）

3. 開始>>運作>>cmd

npm install -g phonegap

有網友回報指令行運作到什麼時候算安裝成功：如下圖(3.4版本)：

4. 然後cd到你要建立項目的目錄，打下面的指令，比如：

phonegap create helloworld

com.helloworld.helloworld

“helloworld”

三個參數的含義

helloworld–應用存放的檔案夾,相對于目前檔案夾

com.helloworld.helloworld–應用的包名

應用的名稱

cd helloworld

phonegap build

android

至此一個應用就建立ok了

下面你就導入進eclipse 編輯吧，導入路徑:

/你的APP目錄/platforms/android/,直接編輯assets\www目錄下的檔案即可

三、補充内容

1、關于node.js的安裝

從官網下載下傳了Node.js的Windows

Installer，安裝完成後，通過控制台輸入node指令，發現提示說“node"不是内部或外部指令，這通常是由于沒有設定環境變量導緻的。Node.js在安裝過程中不允許使用者選擇安裝路徑，預設安裝到了C:\Program

Files\nodejs路徑下，按說Node.js在安裝完成後都會預設設定環境變量，我打開使用者環境變量檢視了下Path的值，

發現在最後系統自動加入了C:\Users\Administrator\AppData\Roaming\npm\;

并且在系統環境變量的Path的最後自動加入了C:\Program Files\nodejs\，

發現環境變量已經預設設定了，但是還是在控制台中無法使用node指令。

我的安裝目錄是：

在E:\Program Files\nodejs

我的解決方法是：

我在使用者變量Path的修改成了E:\Program Files\nodejs\，在使用者變量那裡也追加E:\Program

Files\nodejs\。

然後重新打開cmd視窗，發現在控制台中可以使用node指令了

2、關于安卓環境的搭建（溫馨提醒）

安卓環境的搭建，直接下載下傳一個安裝包，搭建友善，我之前之是以已經把所有的環境都搭建好了，但是在使用phonegap在指令行一直沒有建立項目成功，估計就是我搭建的安卓和開發環境有問題，是以在安裝過程中，要注意路徑不要出現空格等。另外，就是系統變量，注意！！别寫錯了

3、使用npm在指令行下安裝phonegap慢的解決方法

.編輯~/.npmrc加入下面内容

（将配置寫死了）

最後，不知道phonegap能不能繼續學下去，because，響應式設計，還沒有弄懂，終歸是有舍才有得，還是兩者都能兼顧，糾結呐