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 应用程序。