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>
恭喜,你刚刚创建并编译了第一个模板! 关于更高级的东西,例如 Conditional , Iteration 等等!