在5分钟内构建自己的CLI应用程序(ClackJS + Node + NPM教程)
#javascript #node #npm #commandline

介绍

今天,我将向您展示如何构建自己的命令行应用程序并将其部署为NPM软件包。我将使用npm,node.js和Clack构建此。

您甚至可以通过运行:

立即尝试一下

npx cli-trivia-game

这是琐事游戏的偷窥(底部的播放 +答案的完整.gif):

Image description

入门

1)导航到您的命令行并运行:

npm init -y

这将初始化一个新项目,而-y标志会自动回答所有提示。这会生成一个包装。JSON文件,该文件具有所有默认设置,而无需手动提供详细信息。

2)接下来,您将运行:

npm -install @clack/prompts

这样做后,您将拥有一个框架,使您可以创建诸如旋转器,多选择和自validated取消逻辑之类的东西,仅使用几行代码。

3)让S Lever Clake Clack的内置设置逻辑。要创建一个介绍,我将在这里致电介绍并通过此字符串,让玩家知道他们要在测试他们的CLI知识的琐事测验中播放。

Image description

4)由于这是一个琐事测验,所以让我们提出一些问题。首先,我将创建一个名为“问题”的类,它需要一个问题字符串,一系列潜在答案以及正确答案的索引。

Image description

5)然后,我将使用此类模板来创建10个问题对象。

Image description

6)现在我们有问题,我们如何在命令行上显示它们?我们将使用ClackS select组件来做到这一点。我要做的就是通过问题,初始价值和选项以及voila。

Image description

7)为了使其感觉更加复杂,我将在用户回答后添加一个旋转器,以便他们有时间处理UI并使程序感到聪明。

Image description

8)然后要绑扎,我将声明一个名为“ totalCorect”的全局变量,当玩家正确回答问题时,它将增加。

Image description

9)最后,我会根据玩家有多少问题来显示不同的逻辑以显示不同的距离。

Image description

和最好的部分 - 我们将以NPM软件包的形式发布它,以便世界上每个开发人员都可以在他们的计算机上下载。实际上很容易。

1)转到包装。

2)运行npm login

3)运行npm publish

4)然后运行npx cli-trivia-game

3分钟YouTube版本(如果您喜欢的话)ð

完成!但是,在您自己启动这个项目之前,请考虑一下文档中确实缺乏clack。任何相当复杂的事情,您都不会从夹克/提示的预制组件中受益。 Here's您可以使用其他CLI框架的列表。

在此处查看项目的完整代码:
https://github.com/theRubberDuckiee/cli-trivia-game

结论

这样,您已经制作并发布了第一个CLI应用程序!恭喜:)

,如果您想知道我琐事游戏中所有10个问题的答案,那么您就可以了:

Image description