用 CLI 创造魔法

随着 NativeScript 5.0 的发布，CLI 中添加了一些新功能。我们之前了解过 tns preview 命令；在本文中，我将讨论另一个很酷的命令，tns create。使用此新的 CLI 功能，您可以使用五个为您准备好的模板之一来构建应用程序。您最喜欢的 CLI 现在变得更加互动了！让我们看看我们可以用它做什么。

假设您已安装并运行了 NativeScript CLI，请在终端中键入 tns create --help 以了解可用的选项。您将获得各种各样的选项。

那么，您今天想创建什么？

让我们从创建一个基本的 NativeScript 应用程序开始。使用 tns create，系统会提示您构建应用程序的类型以及添加到应用程序的功能。

构建应用程序后，我可以使用 tns preview 立即在设备上查看它，使用此处描述的工作流程。使用 HelloWorld 模板构建了原生 NativeScript 应用程序后的最终结果如下所示

太棒了！如果我想创建一个很棒的 Angular 应用程序怎么办？再次使用 tns create。这次我将创建一个带有内置侧边抽屉的 Angular 应用程序。

提示：此时一个强大的工作流程是在终端中打开一个新标签并键入 code  . 以打开 Visual Studio Code。要使此操作有效，请在 VS Code 中打开命令面板并安装“code” shell 命令。IDE 打开后，您可以开始进行更改，并且应用程序将使用 LiveSync 在您的设备上刷新。

我刚刚创建的应用程序如下所示

想看更多？好的，Vue.js 应用程序怎么样？使用 tns create 并选择 Vue.js。

 

注意！您需要手动启动 webpack 来处理您的 Vue.js 单文件组件，因此请确保键入 tns preview --bundle!。--bundle 标志是启动 webpack 所必需的。小心！

生成的脚手架应用程序非常简单

但是代码非常易于使用 - 这里有一个为您构建好的不错的 SFC，包括 SASS

请注意，您可以使用自己的自定义模板使用 tns create 创建应用程序 - 只需添加 --template 标志并引用有效的 npm 包。

到目前为止，一切顺利！让我们看一下 NativeScript 5 中的另一个很酷的新功能：tns plugin create。如果您需要创建插件，现在使用此命令会容易得多。在终端中键入 tns plugin create --help 以查看选项。

好的，让我们构建一个插件！键入 tns create <yourPluginName> 以基于标准插件种子创建插件（请注意，如果您想使用自定义种子，也支持）。

您最终会得到一个准备好开发的插件，并具有批准的文件夹结构。

为交互式 CLI 感到兴奋吧！您将用它创建哪些很酷的应用程序？