phonegap開發環境搭建摘要

phonegap發展的很快,沒有node.js以前仍是比較麻煩的,自從有了node.js,初始環境的搭建簡單了不少。 html

phonegap官網的install說明太簡單了,不少前期工做沒有說明,處處屎坑,致使不少想嘗試的人沒法順利走通,也就失去興趣了。start寫的也很粗糙 java

環境:windows7 64位,請先安裝必備的jdk,node.js,並將JAVA_HOME, NODEJS_HOME加入環境變量,使得在 cmd終端裏能執行java 和 npm命令, 還有ANT_HOME node

目標一:能將最簡單的app部署到一個Android的AVD上。 android

一、Android-sdk

首先下載Android-sdkhttp://developer.android.com/sdk/index.html#download  之前好像能夠單獨下載,如今跟 基於Eclipse的android開發工具ADT綁到一塊兒下載了,這個會比較大,慢慢下吧 git

下完adt解壓,運行SDK Manager.exe來下載你須要的Android版本,這個會耗費很長時間,看你的網速了 shell

打開ADV Manager.exe新建個模擬器試試吧 apache

關鍵步驟1,要想phonegap順利運行,須要將adk的 npm

platform-tools和tools路徑加入window的環境變量中 windows

;D:\devtools\android-sdk\platform-tools;D:\devtools\android-sdk\tools; app

關鍵步驟2,下載並配置Apache ant 構建工具環境

解壓到某個盤的目錄,而後將這個ANT_HOME目錄路徑加入

環境變量中,這是在 doc http://docs.phonegap.com/en/3.4.0/guide_platforms_android_index.md.html#Android%20Platform%20Guide  說起的

可能由於有不少build工做是經過ant來完成的吧

二、Phonegap安裝

打開一個命令行終端,win7下可使用windows powershell哦(路徑C:\Windows\syswow64\Windowspowershell\v1.0)

確保以前的node。js安裝成功,且 npm命令能執行,那麼安裝phonegap就很容易了

運行一下npm命令,-g參數是global的意思,就是之後其餘目錄也能使用 phonegap或者cordova的命令了。這兩個會耗時比較久,等吧..............

npm install -g phonegap
感受phonegap是對cordova命令的封裝,因此也能夠直接裝這個開源Apache項目cordova
npm install -g cordova

三、Hello World

打開cmd終端,進入到你想新建phonegap Android項目的目錄。

新建phonegap項目,如圖:

也能夠用cordova命令,具體請參考http://docs.phonegap.com/en/edge/guide_cli_index.md.html#The%20Command-Line%20Interface

接着start一個 AVD。

而後在命令行執行 

phonegap run android


這個命令會將這個Helloworld編譯打包,並安裝到 avd中

等待一段時間去AVD中查看安裝的helloworld應用吧

打開 ADT Eclipse 將新建的工程導入,就能夠自行開發牛逼的app了

^_^

後記:phonegap最新版3.4.0的會從 https://git-wip-us.apache.org/repos/asf?p=cordova-android.git下載3.40版本的tgz包,我這邊是死活也下不下來,因此建議 npm install -g phonegap@3.3版本的

相關文章
相關標籤/搜索