Hello World 的例子

首先,讓我們建立一個要渲染的模板!

p Hello World, #{name}!

將其儲存在以 .pug 副檔名結尾的檔案中(你可以將其稱為任何你喜歡的檔案,但我們將在以下程式碼中使用 view.pug 進行編譯)。

現在剩下要做的就是編譯該模板了! 建立一個 JS 指令碼檔案(我們稱之為我們的 main.js),並新增以下內容:

// Import the pug module
const pug = require('pug');

// Compile the template (with the data not yet inserted)
const templateCompiler = pug.compileFile('view.pug');

// Insert your data into the template file
console.log(templateCompiler({ name: 'John' });

使用 npm main.js 執行此檔案時,應在控制檯中輸出以下 HTML 程式碼:

<p>Hello World, John!</p>

恭喜,你剛剛建立並編譯了第一個模板! 關於更高階的東西,例如 ConditionalIteration 等等!