close
安裝上有一些麻煩,有一些必要的軟體需安裝及設定需要注意,所以記錄下來。
1、安裝JAVA(JDK)
2、安裝Android SDK
3、安裝node.js
4、安裝Apache Ant
5、安裝git
6、設定PATH變數
3、安裝 Cordova


1、安裝JAVA(JDK)
到Oracle下載JDK並安裝
網址:http://www.oracle.com/technetwork/java/javase/downloads/index.html

2、安裝Android SDK:
我是直接下載最新版的ADT並解壓到C:\adt-bundle-windows-x86_64-20140702
網址:http://developer.android.com/sdk/index.html

因為新版ADT的API預設是20,Cordova需要使用API 19,
因此開啟SDK Manager(在ADT目錄下找到「SDK Manager.exe」並且執行它),如下圖安裝API 19
img_011

3、安裝node.js
網址:http://nodejs.org/download/

4、安裝Apache Ant
下載並解壓到C:\C:\apache-ant-1.9.4
網址:http://ant.apache.org/

5、安裝git(非必要)
下載並安裝,網址:http://git-scm.com/

6、設定PATH變數
在C:\建立一個批次檔cordova_path.bat,內容如下,路徑都是上述安裝的軟體

@echo off
set JAVA_HOME=C:\Program Files\Java\jdk1.7.0_65
set ANT_HOME=C:\apache-ant-1.9.4
set PATH=%PATH%;%JAVA_HOME%/bin
set PATH=%PATH%;C:\adt-bundle-windows-x86_64-20140702\sdk\platform-tools
set PATH=%PATH%;C:\adt-bundle-windows-x86_64-20140702\sdk\tools
REM 下列是預設的值,因為Cordova預設會把指令建立在下列的路徑
set PATH=%PATH%;C:\Users\<使用者名稱>\AppData\Roaming\npm

set PATH=%PATH%;C:\apache-ant-1.9.4\bin;C:\Program Files\nodejs

上面的方法有一個缺點,就是每次重開後都要執行一次,如果想要一勞永逸,可以到:
「開始」->在「電腦」按滑鼠右鍵->「內容」->「進階系統設定」->「進階」->「環境變數」

在使用者變數的區塊上:
新增名稱 JAVA_HOME 值為C:\Program Files\Java\jdk1.7.0_65
新增名稱 ANT_HOME 值為C:\apache-ant-1.9.4
修改 Path 屬性的值,保留原本的值,在原本的後面加上;%JAVA_HOME%\bin\;%ANT_HOME%\bin\;
SDK安裝目錄\tools\;SDK安裝目錄\platform-tools\

3、安裝 Cordova
開啟cmd,執行cordova_path.bat
c:\cordova_path.bat

檢查變數是否有成功,依序執行下列的指令,成功的話會傳回版本的相關訊息
C:\java -version

java version "1.7.0_65"
Java(TM) SE Runtime Environment (build 1.7.0_65-b19)
Java HotSpot(TM) 64-Bit Server VM (build 24.65-b04, mixed mode)

C:\>ant -version

Apache Ant(TM) version 1.9.4 compiled on April 29 2014

C:\>adb version

Android Debug Bridge version 1.0.31

C:\>emulator -version

c:\>Android emulator version 22.6.4.0 (build_id OPENMASTER-1199730)
Copyright (C) 2006-2011 The Android Open Source Project and many others.
...略

以npm安裝Cordova,網路連線是要可以通到Internet
C:\> npm install -g cordova

...略
list-parser@0.0.5, semver@2.0.11, plist-with-patches@0.5.1, dep-graph@1.1.0, npm
conf@0.1.16, xcode@0.6.6, shelljs@0.1.4, glob@3.2.11, rc@0.3.0, elementtree@0.1.
5, tar@0.1.19, request@2.22.0, cordova-js@3.6.2, npm@1.3.4)

這樣就完成了,我目前只到安裝的步驟,初步測試ok,但是還沒有學習如何開發
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 keven 的頭像
    keven

    平凡的幸福(備站)

    keven 發表在 痞客邦 留言(0) 人氣()