Cordova 应用模板

Apache Cordova 版本 6.0.0 于 2016 年在犹他州发布。此版本为 Cordova 应用程序添加了一个新功能。除了更新默认平台版本外，Cordova CLI 还添加了一个新的模板功能，允许用户使用模板创建应用程序。

构建用户界面 (UI) 是任何移动应用程序的关键部分。已经有一组 UI 组件、工具和框架可用于使用原生开发构建任何移动应用程序。但在 Cordova 的情况下，我们没有足够的工具来开发移动应用程序。因此，使用模板对于简化移动应用程序开发过程是必要的。

这些模板使用预先存在的代码，可以帮助用户从特定点开始一个项目。它从模板创建一个新应用程序，从而以更简单的方式共享示例应用程序。它可以用于培训目的，以保留演示应用程序在不同开发阶段的副本。

下载模板

这些模板托管在 npm 和 git URL。您可以从官方网站轻松下载这些模板，方法是在 npm 上搜索关键字 cordova:template。您也可以使用本地文件系统中的模板。

支持的 Cordova 版本

在使用模板之前，您首先必须检查系统中安装的 Cordova 版本，因为此功能是在版本 6.0.0 中添加的，因此，我们必须使用相同或更高版本来支持此功能。下面是显示 Cordova 当前版本的命令

如果返回的版本是 6.0.0 或更高版本，则可以在您的应用程序中使用此功能。

创建 Cordova 模板

我们可以通过在 create 命令期间指定 --template 以及后续模板源来创建一个新的 Cordova 项目。

下面的命令从 NPM 软件包、Git 存储库 或本地路径创建 cordova 项目

这些特定命令创建一个名为 "app" 的新 Cordova 应用程序，该应用程序位于同名文件夹中，并使用来自提到的来源（即 npm、git 或本地文件系统）的模板。

应用程序的内容将设置为以下结构。当使用模板时，template_src 中所有可用的内容都用于创建新应用程序。

template_package/

├── index.js       (必需)

├── package.json       (可选)

└── template_src/       (必需)

└── APP 模板的数据

• index.js 文件必须定义对 template_src 的引用
• package.json 必须定义对 index.js 的引用

最后，要结束模板，您可以简单地操作 package.json 文件并键入关键字 "cordova:template"。

您已成功为您的 Cordova 应用程序制作了一个模板。您还可以在 npm 上分享您的模板，以便用户可以以简化方式开发应用程序。

使用 Git 存储库创建 Cordova 模板

在本节中，我们将通过使用 Git 存储库来创建一个 Cordova 模板。但在继续之前，首先，我们必须创建一个可以用作模板的应用程序，并需要将其存储在 git 存储库的相应格式中。

为此，我们通过在命令提示符下键入以下命令来创建一个新的 Cordova 项目

在这里，我们通过在命令提示符下键入以下命令为 Cordova 应用程序添加 iOS 和 Android 平台

请注意，在这里我们为每个平台使用 --save。此 --save 关键字将条目添加到应用程序的 config.xml 文件中。此文件负责告知 Cordova 应用程序使用的平台。

如果要使用来自 Git 存储库的模板创建 Cordova 应用程序，请在命令提示符下键入以下命令

当我们执行上述命令时，Cordova CLI 将创建一个新应用程序并显示以下输出

确保以下内容存在于 git 存储库的根目录中

www - 此文件夹包含应用程序的必要文件，例如 HTML、CSS 和 JavaScript。

config.xml - 此文件存储应用程序的基本插件和平台。如果您想了解更多关于 config.xml 文件的信息，您可以单击此链接：cordova-config-xml-file

如果您要在应用程序中进行任何更改，您只需将这些更改应用于 www 文件夹内即可。

要运行该应用程序，我们需要下载正确的插件和平台依赖项。键入以下命令来运行应用程序

如果 Cordova 缺少所需的平台和插件，它将为我们下载它们

以上命令安装了应用程序所需的插件和平台。