PhoneGap是一個用基於HTML,CSS和JavaScript的,建立移動跨平臺移動應用程序的快速開發平臺。它使開發者可以利用 iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry智能手機的核心功能——包括地理定位,加速器,聯繫 人,聲音和振動等,此外PhoneGap擁有豐富的插件,能夠調用。html
首先聲明下樓主的電腦是win8的64系統。java
一、先的配好本身的java環境jdk。上官網下載對應本身版本的jdk,安裝我就很少說了,任何搜索引擎都能搜的到。安裝好後,打開控制檯node
出現如下輸出則證實環境搭建好了。android
二、安裝node.js,node.js官網,ios
三、安裝cordovaapache
因爲如今PhoneGap的代碼已經貢獻給了Apache軟件基金會(ASF),而且更名爲 Apache Cordova。這個名字來源於溫哥華的科爾多瓦街(Cordova Street),它是建立PhoneGap時Nitobi公司的所在地。因此咱們得安裝cordova,以前的安裝方法已經不適用了。npm
打開控制檯輸入:windows
npm install -g cordova
而後若是沒問題的話就能夠進行第4步了,若是沒安裝好再看看前面的不步驟有沒有出錯,或者在網上找其餘人的博客,這裏推薦一個博客,我大部分是按照這上面來的:江陽小道api
四、建立app,進到本身想要建立app的文件夾內,仍是控制檯輸入如下代碼技能建立本身app的文件夾了:oracle
$ cordova create hello com.example.hello HelloWorld
另外添加本身想要的平臺(platform)
$ cd hello $ cordova platform add ios $ cordova platform add amazon-fireos $ cordova platform add android $ cordova platform add blackberry10 $ cordova platform add firefoxos $ cordova platform add wp8 $ cordova platform add windows8 $ cordova platform add amazon-fireos $ cordova platform add android $ cordova platform add blackberry10 $ cordova platform add firefoxos
五、比較關鍵的一步,這裏以android開發平臺爲例,分別下載安裝最新的JDK、Android SDK、Apache Ant。
分別是如下是下載地址:
http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
http://developer.android.com/sdk/index.html
http://ant.apache.org/bindownload.cgi
安裝完成以後,記得配置好環境變量。
添加新的環境變量, 根據安裝路徑,調整下面的路徑:
ANDROID_HOME Value: C:\Program Files\adt-bundle-windows-x86_64-20140321\sdk
ANT_HOME Value: C:\Program Files\apacheant
JAVA_HOME Value: C:\Program Files\Java\jdk1.8.0_05
添加到Path
%JAVA_HOME%\bin;%ANT_HOME%\bin;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;
以上完成後再在Android SDK的安裝目錄中,有SDK Manager.exe程序,在命令行中啓動該程序。 在Tools->Manage AVDs中,建立一個新的Android模擬器。
注:這裏有一個蛋疼的地方,樓主跟別人拷的sdk-manager最高只有api-19的版本因此花了幾個小時下載了api-21版本(網速真的是你懂的)。
根據本身電腦的配置建立模擬器,而後啓動它,等漫長的開機過程完成以後就到最後一步了。
六、編譯並運行
控制檯進入你的hello文件夾,輸入如下代碼:
$ cordova emulate android
若是你的虛擬機運行結果以下:
到此就結束了,另外還有一個細節部分就是環境變量的路徑設置成相對的有時候就會出問題,好比ant的安裝,以前能用以後必須改爲絕對地址才能用了,好了入門就先到這了。