前言
在前端开发过程中，我们经常需要新建项目或者增加一些模板文件。如果每次手动创建，不仅费时费力，还容易出错。此时，我们可以使用一个强大的工具——make-template。
make-template 是一个快速创建项目或者模板文件的 npm 包。其基于handlebars，可以根据自定义的模板文件，生成目标文件。
在本文中，我们将学习如何使用 make-template，包括：
- 安装和介绍
- 配置和使用
- 自定义模板
- 示例代码
安装和介绍
在使用 make-template 之前，我们需要安装该 npm 包。
npm install -g make-template
安装完成后，我们可以通过以下命令得到 make-template 的版本号：
make-template -v
make-template 是一个非常易于使用的工具，它允许我们快速创建项目或者模板文件。所有的模板都是基于 handlebars 语法编写的。
配置和使用
使用 make-template 的第一步是在命令行中执行以下命令：
make-template init
此时会在 ~/.config/make-template 目录中创建一个默认配置文件 .make-template。
我们可以通过该配置文件来定义模板的位置、编译路径、文件名等信息。
如果我们需要生成一个项目文件夹，可以使用以下命令：
make-template create myproject
其中，myproject 是新建项目的名称。如果我们需要新建一个模板文件，可以使用以下命令：
make-template create myfile.html -t mytemplate.html
其中，mytemplate.html 是我们通过 handlebars 编写的模板文件，包含了我们需要生成的内容。
自定义模板
make-template 支持我们自定义模板文件，并简化了这个过程。我们只需要创建一个包含占位符的普通文件即可。
占位符可以是 {{name}}、{{email}} 等等。在生成文件时，make-template 会将这些占位符替换为用户定义的实际值。
例如，如果我们需要创建一个基于 handlebars 的 HTML 模板文件，该文件需要包含一个固定标题和可变内容。我们可以使用以下命令创建模板文件：
make-template create myhtmltemplate.html
然后，在该文件中添加以下内容:
-- -------------------- ---- -------
--------- -----
------
------
------------------------
-------
------
---------------------
-------
-------此时，我们可以通过以下命令生成一个包含用户自定义内容的 .html 文件：
make-template create myhtml.html -t myhtmltemplate.html -u '{"title": "Hello World", "body": "<h1>My HTML</h1>"}'通过该命令， make-template 会自动将 myhtmltemplate.html 模板文件中的 {{title}} 和 {{{body}}} 占位符替换为实际值，生成一个新的 myhtml.html 文件。
示例代码
以下是一个示例，演示了如何使用 make-template 模板文件来生成一个代码文件。
首先，我们需要创建一个模板文件 file-template.js：
// file-template.js
const str = '{{content}}';
module.exports = str;接下来，我们可以通过以下命令来使用该模板文件创建一个文件：
make-template create file.js -t file-template.js -u '{"content": "Hello!"}'该命令将自动生成一个新的 file.js 文件，该文件内容如下：
// file.js const str = 'Hello!'; module.exports = str;
通过以上示例，我们可以看到，make-template 工具可以大大提高我们的工作效率。通过简单的配置和使用，我们可以轻松生成项目、模板文件和代码文件。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668fbd9381d61a3541025