Apache Cordova開發環境搭建(window8)

前言:

如今PhoneGap的代碼已經貢獻給了Apache軟件基金會(ASF),而且更名爲 Apache Cordova。這個名字來源於溫哥華的科爾多瓦街(Cordova Street),它是建立PhoneGapNitobi公司的所在地。html

具體步驟:

官方安裝教程地址:

http://docs.phonegap.com/en/edge/guide_cli_index.md.html#The%20Command-Line%20Interfacejava

 

1、安裝Cordova CLI

一、下載並安裝Node.jsnode

文件名:node-v0.10.32-x86.msiandroid

下載地址:http://nodejs.org/git

 

二、下載並安裝gitapache

文件名:Git-1.9.4-preview20140929.exenpm

下載地址:http://git-scm.com/windows

 

3、打開命令工具(按鍵win+r,輸入cmd回車),執行npm install -g cordovaoracle

 

2、建立App

在命令窗口打開項目根目錄(執行cd 目錄名),ide

執行cordova create 子項目名 com.example.* 應用名

(例如 cordova create hello com.example.hello hellWorld)

 

3、添加平臺

1、在命令窗口打開項目目錄(例如 cd hello

 

2、執行cordova platforms ls檢查你的電腦支持的平臺

 

3配置Android開發平臺

1下載安裝最新JDK

下載地址:

http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

文件名:jdk-8u25-windows-x64.exe

 

(2)JAVA環境變量配置

2.1打開個人電腦--屬性--高級--環境變量 :

2.2新建系統變量JAVA_HOME CLASSPATH
  變量名:JAVA_HOME 
  變量值:C:\Program Files\Java\jdk1.7.0;舉例
  變量名:CLASSPATH 
  變量值:.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

2.3選擇「系統變量」中變量名爲「Path」的環境變量,雙擊該變量,   JDK安裝路徑中bin目錄的絕對路徑,添加到Path變量的值中,   並使用半角的分號和已有的路徑進行分隔。 
  變量名:Path 
  變量值:%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;

 (2.4)在DOS命令行窗口輸入「JAVAC」,輸出幫助信息即爲配置正確。如     圖:

 

 

(3)下載安裝AndroidSDK

下載地址:http://developer.android.com/sdk/index.html

文件名:adt-bundle-windows-x86_64-20140702.zip

 

(4)ANDROID環境變量配置

4.1打開個人電腦--屬性--高級--環境變量 :

4.2新建一個環境變量,變量名:ANDROID_HOME

變量值:C:\Program Files\adt-bundle-windows-x86_64-20140321\sdk;

舉例

4.3在變量PATH後面加上變量值%ANDROID_HOME%\tools;

4.4點擊運行——輸入cmd——回車——輸入android -h——回車,以下     圖所示,即表示配置成功!!

 

5)下載Apache Ant

    下載地址:http://ant.apache.org/bindownload.cgi

 文件名:apache-ant-1.9.4-bin.zip

 

(6)ANT配置環境變量

6.1新建一個環境變量,變量名:ANT_HOME

          變量值:D:\Program Files(x86)\apache-ant-1.9.4;(舉例)

6.2添加Path%ANT_HOME%\bin;

 

 

四、在命令窗口打開項目目錄(例如 cd hello),執行cordova platform add android

 

4、構建應用

在命令窗口執行cordova build

 

5、測試應用

在命令窗口執行cordova run

相關文章
相關標籤/搜索