安装

要安装 Pug 模板渲染系统,请按照下列步骤操作:

  1. 在你的计算机上安装了 Node.js 环境
  2. 运行 npm install pug --savepug 模块安装到当前项目中。

你现在可以通过标准的 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 可以访问传递给它的变量并执行各种操作(条件,插值,迭代等)。