Cordova - 第一個應用程式

---

---

我們已經瞭解瞭如何安裝 Cordova 併為其設定環境。一切準備就緒後，我們就可以建立我們的第一個混合 Cordova 應用程式了。

步驟 1 - 建立應用程式

在命令提示符下開啟您希望安裝應用程式的目錄。我們將在桌面上建立它。

C:\Users\username\Desktop>cordova 
   create CordovaProject io.cordova.hellocordova CordovaApp

• CordovaProject 是建立應用程式的目錄名稱。

• io.cordova.hellocordova 是預設的反向域名值。如果可能，您應該使用您自己的域名值。

• CordovaApp 是您應用程式的標題。

步驟 2 - 新增平臺

您需要在命令提示符下開啟您的專案目錄。在我們的示例中，它是 CordovaProject。您應該只選擇您需要的平臺。要能夠使用指定的平臺，您需要安裝特定的平臺 SDK。由於我們在 Windows 上開發，因此我們可以使用以下平臺。我們已經安裝了 Android SDK，因此在本教程中，我們只安裝 android 平臺。

C:\Users\username\Desktop\CordovaProject>cordova platform add android 

還有其他可以在 Windows 作業系統上使用的平臺。

C:\Users\username\Desktop\CordovaProject>cordova platform add wp8 

C:\Users\username\Desktop\CordovaProject>cordova platform add amazon-fireos 

C:\Users\username\Desktop\CordovaProject>cordova platform add windows 

C:\Users\username\Desktop\CordovaProject>cordova platform add blackberry10

C:\Users\username\Desktop\CordovaProject>cordova platform add firefoxos 

如果您在 Mac 上開發，您可以使用 -

$ cordova platform add IOS 

$ cordova platform add amazon-fireos 

$ cordova platform add android 

$ cordova platform add blackberry10 

$ cordova platform add firefoxos 

您還可以使用 - 從專案中刪除平臺。

C:\Users\username\Desktop\CordovaProject>cordova platform rm android 

步驟 3 - 構建和執行

在此步驟中，我們將為指定的平臺構建應用程式，以便我們可以在移動裝置或模擬器上執行它。

C:\Users\username\Desktop\CordovaProject>cordova build android 

現在我們可以執行我們的應用程式了。如果您使用的是預設模擬器，則應使用 -

C:\Users\username\Desktop\CordovaProject>cordova emulate android 

如果您想使用外部模擬器或真實裝置，則應使用 -

C:\Users\username\Desktop\CordovaProject>cordova run android 

注意 - 我們將使用 Genymotion Android 模擬器，因為它比預設模擬器更快且更具響應性。您可以在 此處 找到模擬器。您還可以透過從選項中啟用 USB 除錯並透過 USB 線纜將其連線到計算機來使用真實裝置進行測試。對於某些裝置，您還需要安裝 USB 驅動程式。

一旦我們執行應用程式，它就會將其安裝到我們指定的平臺上。如果一切都在沒有錯誤的情況下完成，則輸出應顯示應用程式的預設啟動螢幕。

在我們的下一個教程中，我們將向您展示如何配置 Cordova 應用程式。