天天看點

phonegap安裝說明

環境搭建首先要去下載下傳一些安裝包:

(下載下傳前注意一下,電腦是32位還是64位的請注意選擇安裝包)

1.java環境的JDK:http://www.oracle.com/technetwork/java/javase/downloads/index.html

我安裝的是64位,下載下傳自己系統環境需要的版本,下載下傳後預設安裝,完成後在 開始 - 輸入cmd- 輸入java 顯示出java版本資訊表示安裝已經成功

phonegap安裝說明

開始 - 輸入cmd- 輸入javac 顯示出javac版本資訊表示安裝已經成功

phonegap安裝說明

javac 不能運作

系統變量->建立->變量名:JAVA_HOME 變量值:C:\Program Files\Java\jdk1.6.0

系統變量->建立->變量名:CLASSPATH 變量值:.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar

系統變量->編輯->變量名:Path 在變量值的最前面加上:%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin

開始 - 輸入cmd- 輸入ant 顯示出javac版本資訊表示安裝已經成功

2、Ant打包工具安裝

下載下傳:http://ant.apache.org/bindownload.cgi

window中設定ant環境變量:(以筆者為例)

ANT_HOME   D:\apache-ant-1.9.6

path            ;%ANT_HOME%\bin

classpath     ;%ANT_HOME%\lib

輸入ant指令,看是否成功

phonegap安裝說明

3、接着安裝ADT

一、下載下傳安裝ADT。http://developer.android.com/sdk/index.html

http://bbs.phonegap100.com/thread-1218-1-1.html

二、Android的壓縮包為:adt-bundle-windows-x86_64。

解壓後,進入eclipse目錄,運作eclipse.exe。

1)先更新Android包:選擇 Window -------->Android SDK Manager

全部勾選後,點選Install packages,将所有包全部打上。

phonegap安裝說明

2)配置AVD環境

配置該環境有兩種方法:

1、使用界面進行配置,進入方式如圖所示:

phonegap安裝說明

打開之後,如圖所示,點選New建立。

phonegap安裝說明

4、安裝node.js

進入http://nodejs.org/

下載下傳node.js

系統變量->編輯->變量名:Path 在變量值的最前面加上:

D:\java\nodejs\注意java為自己的安裝目錄

接着安裝phonegap3.4 打開cmd>輸入 npminstall -g cordova 

安裝成功後

cordova createhello com.example.hello "HelloWorld" 

cd hello 

cordova platform add android 

cordova build

使用eclipse 工具打開并編輯項目

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

安裝 删除 插件

cordova pluginadd org.apache.cordova.device device 安裝 插件

cordova plugin list 插件清單

cordova plugin remove org.apache.cordova.device device 删除 插件