Cordova 第一個應用程序

在上一個教程中，我們向您展示了如何安裝Cordova并設置環(huán)境。一旦一切準備就緒，我們可以創(chuàng)建我們的第一個混合Cordova應用程序。

步驟1 - 創(chuàng)建應用程序

在命令提示符下打開要在其中安裝應用程序的目錄。我們將在桌面上創(chuàng)建它。

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

• CordovaProject 是創(chuàng)建應用程序的目錄名稱。

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

• CordovaApp 是您應用的標題。

步驟2 - 添加平臺

您需要在命令提示符下打開您的項目目錄。在我們的示例中是 CordovaProject 。你應該只選擇你需要的平臺。為了能夠使用指定的平臺，您需要安裝特定的平臺SDK。由于我們在Windows上開發(fā)，我們可以使用以下平臺。我們還安裝了Android SDK，因此我們只會為本教程安裝Android平臺。

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

還有其他平臺可以在Windows操作系統(tǒng)上使用。

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上開發(fā)，你可以使用 -

$ 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 - 構(gòu)建和運行

在這一步，我們正在為指定的平臺構(gòu)建應用程序，所以我們可以在移動設備或模擬器上運行它。

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

現(xiàn)在我們可以運行我們的應用程序。 如果你使用默認模擬器，你應該使用 -

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

如果你想使用外部模擬器或真實設備，你應該使用 -

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

注意 - 我們將使用genymotion android模擬器，因為它比默認的更快，更靈敏。 您可以在此處找到它。 您也可以使用實際設備進行測試，方法是從選項中啟用 USB調(diào)試，然后通過USB電纜將其連接到計算機。對于某些設備，您還需要為特定設備安裝USB驅(qū)動程序。

一旦我們運行應用程序，它將安裝在我們指定的平臺上。如果一切都完成沒有錯誤，輸出應該顯示應用程序的默認開始屏幕。

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