在前端开发中，我们经常需要使用模板来生成 HTML 页面。jade-legacy 是一个非常优秀的模板引擎，它采用的是类似缩进式的语法，非常简洁、易读。本文将介绍如何使用 npm 包 jade-legacy 来进行模板引擎开发。
环境搭建
首先，我们需要确保自己的开发环境中安装了 Node.js 和 npm。如果你的电脑中没有安装，请在官网上下载安装。
安装 jade-legacy
运行以下命令来安装 jade-legacy：
$ npm install jade-legacy --save
编写模板
创建一个名为 template.jade 的文件，并编写以下内容：
doctype html
html
head
title 我的网站
body
h1 欢迎来到我的网站！
p 这是我的第一个网站。编写 JavaScript
在同一目录下创建一个名为 app.js 的文件，并编写以下内容：
const jade = require('jade-legacy');
const fn = jade.compileFile('template.jade');
console.log(fn());运行脚本
运行以下命令来执行 app.js：
$ node app.js
你会在控制台上看到以下输出：
-- -------------------- ---- -------
--------- -----
------
------
-------------------
-------
------
------------------
-----------------
-------
-------很多 CSS 框架，如 Bootstrap、Foundation 等都是使用 Jade 语法编写的。因此，学习 Jade 语法是非常有价值的，它将使你的前端开发更加高效和简洁。
以上就是使用 npm 包 jade-legacy 进行模板引擎开发的完整流程。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67403