安裝 phoneGap

小さいです哥發表於2015-05-25

npm config set registry http://registry.cnpmjs.org

使用最新版本PhoneGap ，決定使用官方提供的方法安裝一次。

官方提供方法有些地方沒有提到，因此這裡記錄完整的安裝過程：

 

0、下載java sdk 1.6以上版本

1、下載Android Development Tools

　　已經包括了Android sdk、esclipe，解壓即可使用。　

　　https://developer.android.com/sdk/index.html 

2、設定系統變數

　系統變數 Path後面新增：

D:\Program Files\ADT\sdk\tools;
D:\Program Files\ADT\sdk\platform-tools;
D:\Program Files\ADT\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\

 

3、下載並安裝NodeJS

　　NodeJS

2、進入cmd，執行以下命令安裝

　　npm install phonegap
    npm install -g cordova    

3、新建phonegap 專案

cordova create hello com.shj.helloworld helloapp


　　cordova create myApp

　　cd myApp

　　cordova local run android

4、使用ADT工具開啟並編輯該專案

　　File>New>Project>Android>Android Project from Existing Code

　　選擇則剛才建立專案所在路徑，即可使用ADT開啟進行編輯。

 

5、專案的結構

　　主要編輯 assets/www 目錄下的 html css js 檔案。

 

相關文章