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