在前端开发中，编写 HTML 代码是一项很重要的工作，然而对于包含大量静态页面的项目，手动编写 HTML 代码会变得非常繁琐，尤其是对于重复出现的结构而言。
此时，使用一个方便的模板引擎可以大量减少代码量，让开发变得更加高效。ming-template 是一款基于 Javascript 的模板引擎，使用简单且功能强大。
本文将会详细介绍如何使用 ming-template，包括安装、使用、语法和示例。
安装
首先需要在项目中安装 ming-template，可以通过 npm 包管理器进行安装：
npm install ming-template --save
使用
在安装完成后，就可以在项目中使用 ming-template 了。需要在文件中引入 ming-template：
const mt = require('ming-template');然后就可以使用 mt 对象中提供的方法进行模板引擎的使用了，如下所示：
mt.render(template, data)
其中，template 是模板文件，可以是字符串或者文件路径，data 是传入的数据对象，渲染完成后返回完整的 HTML 字符串。
语法
下面介绍 ming-template 的模板语法：
变量
使用 ${} 语法可以在模板中插入变量：
<div>${name}</div>条件语句
使用 #if 和 #else 语句可以实现条件判断：
#if (age === 18) <div>成年了</div> #else <div>未成年</div> #endif
循环语句
使用 #each 可以对一个数组进行循环：
#each list as item
<li>${item}</li>
#endeach注释
使用 #// 可以添加单行注释：
#// 这是一行注释
使用 #/* */ 可以添加多行注释：
#/* 这是一段多行注释 */
示例
下面是一个完整的示例：
-- -------------------- ---- -------
----- -- - -------------------------
----- ---- - -
----- ----------------
--------- ------ ----- ------
------------- ----
-
----- -------- - -
---- ---------------
----------------
------
----
----- -------- -- ----
----------------
--------
-----
--- ------------
---------------
-----
--------------
------
--
----- ---- - ------------------- ------
------------------渲染结果如下所示：
-- -------------------- ---- -------
---- ---------------
----------------------
------
----
-----------
-----------
-----------
-----
---------------现在，你已经掌握了使用 ming-template 的基础知识，可以大胆地在项目中试用它，提高你的开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f4a1d8e776d08041292