安装
要安装 Pug 模板渲染系统,请按照下列步骤操作:
- 在你的计算机上安装了 Node.js 环境
- 运行
npm install pug --save
将pug
模块安装到当前项目中。
你现在可以通过标准的 require
机制在项目中使用 pug
:
const pug = require("pug");
如果你在应用程序中使用 Express,则不需要 require("pug")
。但是,你必须将 Express 应用程序的 view engine
属性设置为 pug
。
app.set("view engine", "pug");
此外,你必须设置应用程序的视图目录,以便 Express 知道在哪里查找你的 Pug 文件(用于编译)。
app.set("views", "path/to/views");
在 Express 路线中,你可以通过使用文件路径调用 res.render
函数来渲染你的 Pug 文件(从 app.set("views")
选项设置的目录开始)。
app.get("/", function (req, res, next) {
// Your route code
var locals = {
title: "Home",
};
res.render("index", locals);
});
在上面,index
指向位于 views/index.pug
的文件,locals
表示暴露给你的文件的变量对象。正如后面部分将要解释的那样,Pug 可以访问传递给它的变量并执行各种操作(条件,插值,迭代等)。