Cordova - 如何安裝 PhoneGap / Cordova (for Win10)

最近須要配置 PhoneGap / Cordova 環境，折騰了一陣子，寫篇博客 Mark 一下整個過程。

具體參照了：http://www.assortedgarbage.com/apigee/

以及 Cordova 的官方DOC：https://cordova.apache.org/docs/en/latest/guide/platforms/android/

 

1、安裝 Node JS：

直接前往官網下載安裝。直接運行安裝包，選擇想要安裝的路徑。

配置環境變量：D:\Program Files\nodejs\（請根據本身的安裝路徑，通常安裝完成會自動配置好的）

 

驗證Node JS是否安裝成功：打開cmd，輸入命令：

node -v

獲得下圖則說明安裝成功。

 

2、安裝 PhoneGap：

直接使用cmd運行如下命令：

npm install -g phonegap

等待安裝完成便可。

同理，安裝 Cordova 時運行如下命令：

npm install -g cordova

等待安裝完成便可。

 

3、安裝 Java JDK：

直接到Oracle的官網上下載JDK，解壓到想要安裝的路徑上。

Note：請下載安裝 Java SE Development Kit 8u201 版本

 

配置 JDK 的環境變量：

1.新建一個叫 JAVA_HOME 的環境變量：C:\Program Files\Java\jdk1.8.0_201

 

 

2.在系統變量 Path 中新加一個變量：%JAVA_HOME%\bin

 

驗證 Java JDK 是否安裝正確，在cmd中輸入：

java -version

獲得：

 

cmd輸入：

javac -version

獲得：

 

4、安裝 Ant：

直接前往官網下載須要的zip，解壓縮到想要安裝的路徑。

Download→Binary Distributions→選擇所須要的zip

配置 Ant 的環境變量：

1.新增一個叫 ANT_HOME 的環境變量：D:\apache-ant-1.10.5

 

2.在 Path 中新增一個變量：%ANT_HOME%\bin

 

 

驗證是否安裝成功，在cmd中輸入如下命令：

ant

獲得：

 

5、安裝 Android SDK：

原本是想經過 Android Studio 來安裝 Android SDK 的，我下載到的安裝包好像是不帶 SDK 的，另外官網須要 科 學 上 網，或者經過AndroidDevTools下載安裝。

 

1.將下載下來的 Android SDK zip 解壓到想要安裝的路徑，解壓完成後的 Android SDK 目錄以下圖所示：

一開始解壓完只有六個項目，其餘的都是安裝 Android SDK 的時候自動添加的。

Android Studio 直接運行安裝程序跑完就好了，若不帶有 SDK 安裝，繼續按照後面的步驟安裝便可。

 

2.配置環境變量：

(1) 新建一個叫 ANDROID_HOME 的環境變量：D:\Android

 

(2) 在 Path 中新增兩個變量：%ANDROID_HOME%\platform-tools 以及 %ANDROID_HOME%\tools

 

驗證環境變量是否配置正確，在cmd輸入如下命令：

android

接着會彈出以下所示的 Android SDK Manager：

 

 

Note：若是沒法打開 Android SDK Manager，或者是閃退，多是如下緣由：

(1) Java JDK 配置不對：若是 java JDK 安裝和配置都沒有問題，試着將它安裝在C盤。

(2) 多是 JDK 版本的問題，請安裝 JDK 8 版本。

(3) Android SDK 環境變量配置錯了。

 

3.使用 Android SDK Manager 安裝所需的 Android SDK

成功打開 Android SDK Manager 後，選擇所需的安裝內容，Status會顯示是否已經安裝：

 

 

等待安裝完成後，驗證 Android SDK 是否安裝成功，在cmd中輸入如下命令：

adb version

獲得：

 

至此全部的安裝配置都完成了，因爲是我是業餘的，或有錯漏，請見諒。