本文介绍了 npm 包 justo.generator.plugin 的使用方法，可用于前端开发中的代码生成工作，提高开发效率。
什么是 justo.generator.plugin
在前端开发中，编写重复性工作较多的代码是很常见的。如果使用模板来生成这些代码，既方便又快捷。justo.generator.plugin 就是一个基于 Node.js 平台的模板生成工具，可以轻松地根据模板生成代码，提高开发效率。
使用 justo.generator.plugin 工具可以生成任何类型的文件，包括但不限于 HTML、CSS、JavaScript、TypeScript 等。此外，它还支持嵌套的目录结构，方便管理生成的文件。
安装及使用方法
全局安装 justo.generator.plugin：
npm install -g justo.generator.plugin
安装完成后，创建并进入一个空的目录，用于存放项目文件。在终端中输入以下命令：
jg init
会生成一个 template.json 文件和一个 templates 目录，这个目录就是用来存放模板文件的。我们也可以手动创建该目录。
在 templates 目录下创建模板文件，模板语法采用 mustache.js，模板文件扩展名为 .mst。例如，创建一个生成 TypeScript 类的模板：
-- -------------------- ---- -------
------ ----- -------- -
------------------- ------------------------ --------- --
-- ------- --- -------
---------------
--- ----------- -------- -
------ -----------------------------
-
--- --------------- --------- -
---------------------------- - ------
-
---------------
-模板中使用 {{name}}、{{type}}、{{#properties}}{{/properties}} 等占位符来填充变量。
在 template.json 文件中定义模板变量及其默认值：
-- -------------------- ---- -------
-
------- -
------- -
-------------- -----
---------- -----------
--
------- -
-------------- -----
---------- --------
--
------------- -
------- -
-
------- -
-------------- ------
---------- --------------
--
------- -
-------------- -------
---------- --------
-
-
-
-
-
-定义好模板以后，就可以使用 jg generate 指令进行代码生成了。输入以下命令：
jg generate ClassName MyClass string:String firstName:string lastName:string
即可在目录中生成 MyClass.ts 文件，文件内容如下：
-- -------------------- ---- -------
------ ----- ------- -
------------------- --------- ------- --
-- ------- --- -------
--- ------------ ------ -
------ ----------------
-
--- ---------------- ------- -
--------------- - ------
-
--- ----------- ------ -
------ ---------------
-
--- --------------- ------- -
-------------- - ------
-
-上面的命令中，ClassName 是我们定义的模板变量，MyClass 是生成的文件名，string:String 表示 type 变量的值是 string，firstName:string 和 lastName:string 分别表示 properties 变量中的属性。
示范
下面我们来创建一个 React 组件。
在 templates 目录下创建一个 ReactJs 组件模板：
-- -------------------- ---- -------
------ ----- ---- --------
----- ----------------- ------- --------------- -
-------- -
------ -
-----
------------------
----------------------
------
-
-
-
------ ------- ------------------在 template.json 文件中定义模板变量及其默认值：
-- -------------------- ---- -------
-
------- -
---------------- -
-------------- -------
---------- -----------------
--
-------- -
-------------- -------
---------- ------- ------
--
-------------- -
-------------- -------
---------- ------- ------------
-
-
-执行命令生成组件：
jg generate SampleComponent
生成代码如下：
-- -------------------- ---- -------
------ ----- ---- --------
----- --------------- ------- --------------- -
-------- -
------ -
-----
---------- ----------
--------- ---------------
------
-
-
-
------ ------- ----------------我们也可以根据需要在生成代码中通过命令行传递变量值，例如：
jg generate SampleComponent title:Hello description:World
生成代码如下：
-- -------------------- ---- -------
------ ----- ---- --------
----- --------------- ------- --------------- -
-------- -
------ -
-----
--------------
------------
------
-
-
-
------ ------- ----------------结束语
使用 justo.generator.plugin 工具可以更加方便地生成重复性代码，提高了开发效率。在创建模板时，要注意模板语法以及模板变量的定义，这样才能更好地使用此工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005677981e8991b448e3dfe