Pug是Express的模板引擎。模板引擎用于消除我们的服务器代码与HTML的混乱情况，将字符串疯狂地连接到现有的HTML模板。 Pug是一个非常强大的模板引擎，具有多种功能，包括过滤器，包含，继承，插值等。在这方面有很多基础。

要将Pug与Express一起使用，我们需要安装它，

npm install --save pug

现在已经安装了Pug，将其设置为您的应用程序的模板引擎。以“需要”它不需要。将以下代码添加到index.js文件。

app.set('view engine', 'pug');
app.set('views','./views');

现在创建一个名为views的新目录。在其中创建一个名为first_view.pug的文件，并在其中输入以下数据。

doctype html
html
   head
      title = "Hello Pug"
   body
      p.greetings#people Hello World!

要运行此页面，请将以下路由添加到您的应用程序-

app.get('/first_template', function(req, res){
   res.render('first_view');
});

您将获得以下输出： -Hello World！ Pug将此外观非常简单的标记转换为html。我们不需要跟踪关闭标签，也不需要使用class和id关键字，而只需使用’。和“＃”来定义它们。上面的代码首先被转换为-

   
   
   
      
Hello World!
   

Pug除了简化HTML标记外，还可以做更多的事情。

哈巴狗的重要特征

现在让我们探索Pug的一些重要功能。

简单标签

标签根据其缩进进行嵌套。像上面的示例一样，