Cordova 開發環境搭建

1 前言

現在跨平臺開發或者混合開發非常流行了，例如RN Cordova等，感覺Cordova在國內的流行度也非常高，現在Cordova是Apache下的開源軟體了。這裡簡單的記錄一下環境搭建過程

2 Cordova搭建步驟

Cordova環境搭建主要參考官方指導文件
http://cordova.apache.org/#getstarted
http://cordova.axuer.com/docs/zh-cn/latest/guide/cli/index.html
主要參考以上兩個網站來搭建環境，以Window10 上搭建Android平臺為例，步驟分為以下幾步

前提：已安裝好Android開發的環境，包括JDK AS等

1 安裝Cordova CLI
Cordova命令列工具作為npm包分發。安裝cordova命令列工具，通過下面這些步驟:

(1)下載和安裝Node.js。安裝完成後你可以在命令列中使用node 和 npm 。
由於我在搭建RN時已經安裝好了Node.js環境，這裡不用安裝了
(2) 安裝cordova，使用以下命令
npm install -g cordova
-g標誌是告訴 npm 我們全域性安裝 cordova。否則我們將會安裝在當前工作目錄的 node_modules子目錄。

安裝完成後，你應該能夠在命令列中執行cordova命令，在沒有任何引數的時候會列印一些幫助資訊。

可以看到我這裡的版本是8.0.0
2 初始化工程
安裝好了Cordova之後，應該建立第一個工程，建立工程使用以下命令

cordova create  專案路徑 專案包名 專案

例如 cordova create hello com.example.hello HelloWorld
在當前目錄下建立一個 hello目錄，建立包名為com.example.hello的工程

可以看到已經建立hello目錄和工程了

3 為工程新增平臺
這裡的平臺主要指Android IOS 瀏覽器等，我們可以用cordova platforms list 檢視可以新增的平臺
進入專案目錄，輸入cordova platforms list

可以看到，平臺還挺多的，我們這裡先新增Android平臺

cordova platform add android --save

可以看到新增平臺已經成功，至此工程初始化完成了，下面我們來編譯執行工程

4 編譯執行工程
要構建和執行App，你需要安裝每個你需要平臺的SDK。另外，當你使用瀏覽器開發你可以新增 browser平臺，它不需要任何平臺SDK。
(1)檢測你是否滿足構建平臺的要求:

cordova requirements

(2)編譯工程 cordova build

可以看到最後編譯成功了

(2)執行工程
執行工程 有以下兩種辦法

//執行模擬器
cordova emulate android
//執行真機
cordova run android

在AS中開啟執行，我這裡在AS中開啟執行

開啟的過程會涉及到gradle同步，如果同步失敗，請開啟梯子，接受外面的陽光！
然後點選執行， 連線上真機，執行介面如下：

3 總結

一路下來，發現Cordova的環境搭建非常順利，比起RN來說簡直容易得多！簡直讓人不敢相信！