科尔多瓦 - 第一次申请


我们已经了解了如何安装 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 应用程序。