在前端开发中，我们常常会需要使用各种各样的工具来辅助我们快速地完成各种任务。而 npm 包就是其中一个非常重要的工具。它能够方便地帮助我们管理各种 JavaScript 方面的依赖，从而更高效地完成开发任务。在 npm 包中，@generates/cli 就是一个非常实用的工具，本文将详细介绍如何使用它。
安装 @generates/cli
首先，我们需要先安装 @generates/cli。打开终端，输入以下命令：
npm i -g @generates/cli
这里用了 -g 参数，表示全局安装。如果不用 -g 参数，则只会在当前项目中安装。
创建一个新项目
安装好了 @generates/cli 后，我们就可以使用它来创建一个新项目了。在终端中输入以下命令：
gen new my-new-project
这里的 gen 是 @generates/cli 中的一个命令，用来执行各种各样的任务。new 是其中的一个子命令，用来创建一个新项目。my-new-project 则是项目名称，可以根据自己的需要修改。
执行完上述命令后，@generates/cli 就会自动创建一个新项目，并初始化好一些文件和文件夹。整个项目的目录结构如下：
-- -------------------- ---- ------- --------------- --- ---- --- ------------ --- ---------- --- --------- --- ---- - --- -------- - --- ------------ --- ------- - --- ------- - - --- ---------- - --- ---- - - --- ------ - - --- ----------- - - --- -------- - - --- -------- - --- ----------------- - --- ------------ --- ------- - --- -------------- - --- -------- - --- ------------- --- ----------------- --- ------------
其中，.env 和 .env.example 是环境变量文件，在其中可以设置各种环境变量。.gitignore 是 Git 忽略文件，可以忽略一些不必要的文件。README.md 是项目介绍文件。api、client、config 则是项目的代码文件夹，用来存放各自的代码文件。在这些文件中，@generates/cli 已经自动初始化好了一些代码，使得我们可以轻松地开始开发。具体细节可以看一下使用指南：https://generates.io/cli。
创建一个 API
除了前端代码，我们还经常需要编写后端代码。在 @generates/cli 中，我们可以使用 gen new:api 命令来创建一个新的 API。在终端中输入以下命令：
gen new:api my-new-project
这里的 my-new-project 是上一步中创建的项目名。执行完该命令后，@generates/cli 就会创建一个新的 API，并将其存放在 api 文件夹中。此时，已经可以运行该 API 了。
运行项目
当然，我们无法在开发过程中不断地手动运行项目。因此，@generates/cli 也提供了一个命令来方便我们运行项目。在终端中输入以下命令：
gen dev
这里的 dev 是 @generates/cli 中的一个命令，用来开启开发模式。执行完该命令后，@generates/cli 就会自动运行项目，并监视代码变化。此时，我们就可以开始愉快地开发了。
发布项目
最后，在项目开发完成后，我们当然也需要将其发布出去。在 @generates/cli 中，我们可以使用 gen build 命令来构建项目，并使用 gen deploy 命令来部署项目。具体细节请查看使用指南：https://generates.io/cli。
示例代码
以下是一个示例代码，用于说明如何在 @generates/cli 中编写 API：
-- -------------------- ---- -------
-- ---------------------------
----- -------- - -
-
--- ----
----- -------- ---
------------ ----- -- ------- ---
------ ---
--
-
--- ----
----- -------- ---
------------ ----- -- ------- ---
------ ---
--
-
--- ----
----- -------- ---
------------ ----- -- ------- ---
------ ---
--
--
-------------- - -
----- ----- -
------ ---------
--
----- ----------- -
------ ----------------------- -- ---------- --- ----
--
---- -------------------- ---- ------- -- ------------ ----- - --------- - - -------------------------- ----- - ---------------- - - ---------------------------------- ----- -------- - ---------------------------------- ----- --- - ------------ -------------------- ---------------------------- -------------- - ----
在该代码中，我们定义了一个 products 控制器，其中包含了 all 和 findOne 两个方法，分别用于获取所有产品和获取单个产品。我们还在 api/index.js 中，使用了 @generates/controllers 中的 createController 方法，用于创建一个与 products 控制器对应的路由控制器。最后，我们将该路由控制器注册到了 app 中，从而完成了整个 API 的搭建。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f70b4aea9b7065299ccbb25