什么是 Pug 模板引擎
Pug（旧名 Jade）是一种模板引擎，它可以帮助我们更方便地创建 HTML 页面。Pug 语法简洁，易于阅读和维护。同时，Pug 还支持条件语句、循环语句等高级特性，可以帮助我们更快速地开发复杂的页面。
Express.js 中使用 Pug 模板引擎的步骤
第一步：安装 Pug
在使用 Pug 之前，我们需要先安装它。可以使用 npm 进行安装：
npm install pug --save
第二步：配置 Express.js
在使用 Pug 之前，我们需要先在 Express.js 中进行配置。在 app.js 中添加以下代码：
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'pug');这段代码告诉 Express.js，我们的模板文件存放在 views 目录下，使用的模板引擎是 Pug。
第三步：创建 Pug 模板文件
在 views 目录下创建一个名为 index.pug 的文件。这个文件就是我们要渲染的页面。以下是一个简单的例子：
html
head
title My Page
body
h1 Hello, #{name}!这个模板文件中，我们使用了 Pug 的语法来创建一个简单的 HTML 页面。其中，#{name} 是一个变量，我们可以在渲染页面时传入它的值。
第四步：渲染页面
在我们的 Express.js 应用中，可以使用 res.render() 方法来渲染页面。以下是一个例子：
app.get('/', function(req, res) {
res.render('index', { name: 'John' });
});这个代码片段告诉 Express.js，当用户访问根路径时，渲染名为 index 的模板文件，并传入一个名为 name 的变量，值为 John。
第五步：查看页面
现在，我们可以启动 Express.js 应用，并在浏览器中查看页面了。在命令行中输入以下命令启动应用：
npm start
然后，在浏览器中访问 http://localhost:3000，就可以看到我们渲染的页面了。
总结
本文介绍了如何在 Express.js 中使用 Pug 模板引擎。通过这种方式，我们可以更方便地创建 HTML 页面，并且可以使用 Pug 的高级特性来加速开发过程。如果你正在进行前端开发，不妨尝试一下使用 Pug 来提高效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6617d01fd10417a2227c8089
