什么是 template-gen-cli？
template-gen-cli 是一个基于 node.js 的 npm 包，可以帮助前端开发者快速生成项目模版。其基于模版引擎 EJS 和 JSON 配置文件，通过命令行交互和终端输出，实现了一键生成前端项目。
安装和使用
安装
在使用 template-gen-cli 之前，需要先安装 node.js 和 npm，具体安装方法请自行搜索。
安装 template-gen-cli：
npm i -g template-gen-cli
使用
使用 template-gen-cli 生成项目模版非常简单，只需按照以下步骤进行：
- 执行
template-gen-cli命令； - 选择项目模版类型；
- 根据提示，输入项目模版配置信息；
- 等待模版生成完成。
示例代码：
-- -------------------- ---- ------- - ---- ---------------- - ------------ --- ----- - ---- ------- -------- -- --- ---- -- ------- ---- ----- ----- - --- ----- ---- -------- ----- - ---------- - ------- ----- ---------- - ------- ------------ ---- -- -- ------- - ------- -------- --- - -- -- -------- --- - --- ----------- --- - --------
模版配置文件
template-gen-cli 的模版配置文件是一个 JSON 文件，默认存放在 ~/.template-gen-cli/config.json 中。该文件包含了所有项目模版的信息，如项目模版类型、模版文件路径等。
示例代码：
-- -------------------- ---- -------
-
------ -
-------- ------- ------
-------------- ------- ----------- ------ -------
-------- -
-
---------- --------------------
------------- --------
--
-
---------- -------------------------------
------------- -------------------
--
-
---------- ----------------------------
------------- ----------------
--
-
---------- -------------------------
------------- -------------
--
-
---------- -----------------------------------
------------- -----------------------
--
-
---------- ---------------------------
------------- ---------------
--
-
---------- ---------------------------
------------- ---------------
-
-
--
-------- -
-------- ------ ------
-------------- ------ ----------- ----- -------
-------- -
-
---------- ----------------------
------------- --------
--
-
---------- ------------------------------
------------- ----------------
--
-
---------- ---------------------------
------------- -------------
--
-
---------- ------------------------------
------------- ----------------
--
-
---------- ----------------------------
------------- --------------
-
-
--
------- -
-------- -------- ------
-------------- -------- ----------- ------- -------
-------- -
-
---------- ---------------------
------------- --------
--
-
---------- -----------------------------
------------- ----------------
--
-
---------- --------------------------
------------- -------------
--
-
---------- -----------------------------
------------- ----------------
-
-
--
----------- -
-------- --------- ------
-------------- --------- ----------- -------- -------
-------- -
-
---------- -------------------------
------------- --------
--
-
---------- ---------------------------------
------------- ----------------
--
-
---------- ------------------------------
------------- -------------
--
-
---------- ---------------------------------
------------- ----------------
--
-
---------- --------------------------------
------------- ---------------
--
-
---------- ------------------------------------
------------- -------------------
-
-
--
-------- -
-------- --------
-------------- ------------ ------ -----
-------- -
-
---------- ---------------------------
------------- -------------
-
-
-
-自定义模版
用户可以通过添加自定义模版，拓展 template-gen-cli 的功能。
具体操作如下：
- 在指定目录
~/.template-gen-cli/tpls中，创建自定义模版文件夹，例如my-tpl； - 在
my-tpl文件夹中添加模版文件； - 在
~/.template-gen-cli/config.json中添加自定义模版信息。
示例代码：
.
└── tpls
├── my-tpl
│ ├── package.json.tpl
│ └── README.md.tpl
├── react
└── vue-- -------------------- ---- -------
-
---
--------- -
-------- --- ----------
-------------- ----- -- -- ------ -----------
-------- -
-
---------- -------------------------------
------------- ----------------
--
-
---------- ----------------------------
------------- -------------
-
-
-
-总结
使用 template-gen-cli 可以帮助前端开发者快速生成项目模版，避免了手动搭建项目的繁琐步骤。通过学习 template-gen-cli 的使用教程，可以更好的理解 npm 包的使用方法和 JSON 配置文件的操作技巧，为进一步深入学习前端开发及构建工具打下基础。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cb781e8991b448e6235