JSRUN 用代码说话

第一个应用程序

编辑教程

第一个应用程序

在上一个教程中,我们向您展示了如何安装Cordova并设置环境。一旦一切准备就绪,我们可以创建我们的第一个混合Cordova应用程序。

创建应用程序

在命令提示符下打开要在其中安装应用程序的目录。我们将在桌面上创建它。

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

CordovaProject 是创建应用程序的目录名称。

io.cordova.hellocordova 是默认的反向域值。 如果可能,您应该使用您自己的域值。

CordovaApp 是您应用的标题。

添加平台

您需要在命令提示符下打开您的项目目录。在我们的示例中是 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

构建和运行

在这一步,我们正在为指定的平台构建应用程序,所以我们可以在移动设备或模拟器上运行它。

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驱动程序。

一旦我们运行应用程序,它将安装在我们指定的平台上。如果一切都完成没有错误,输出应该显示应用程序的默认开始屏幕。

JSRUN闪电教程系统是国内最先开创的教程维护系统, 所有工程师都可以参与共同维护的闪电教程,让知识的积累变得统一完整、自成体系。 大家可以一起参与进共编,让零散的知识点帮助更多的人。
X
支付宝
9.99
无法付款,请点击这里
金额: 0
备注:
转账时请填写正确的金额和备注信息,到账由人工处理,可能需要较长时间
如有疑问请联系QQ:565830900
正在生成二维码, 此过程可能需要15秒钟