安裝

要安裝 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 可以訪問傳遞給它的變數並執行各種操作(條件,插值,迭代等)。