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 等等!