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平台添加android

还有其他平台可以在Windows操作系统上使用。

C:\Users\username\Desktop\CordovaProject>cordova平台添加wp8

C:\Users\username\Desktop\CordovaProject>cordova平台添加amazon-fireos

C:\Users\username\Desktop\CordovaProject>cordova平台添加windows

C:\Users\username\Desktop\CordovaProject>cordova 平台添加 blackberry10

C:\Users\username\Desktop\CordovaProject>cordova 平台添加 firefoxos

如果您在 Mac 上开发，则可以使用 −

$ cordova 平台添加 IOS

$ cordova 平台添加 amazon-fireos

$ cordova 平台添加 android

$ cordova 平台添加 blackberry10

$ cordova 平台添加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 应用程序。