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

要将Pug与Koa一起使用，我们需要使用以下命令进行安装。

$ npm install --save pug koa-pug

一旦安装了pug，请将其设置为您的应用程序的模板引擎。将以下代码添加到您的app.js文件中。

var koa = require('koa');
var router = require('koa-router');
var app = koa();

var Pug = require('koa-pug');
var pug = new Pug({
   viewPath: './views',
   basedir: './views',
   app: app //Equivalent to app.use(pug)
});

var _ = router(); //Instantiate the router

app.use(_.routes()); //Use the routes defined using the router
app.listen(3000);

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

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

要运行此页面，请将以下路线添加到您的应用。

_.get('/hello', getMessage); // Define routes

function *getMessage(){
   this.render('first_view');
};

您将收到的输出为-

Pug所做的是，它将这个非常简单的标记转换为html。我们不需要跟踪关闭标签，也不需要使用class和id关键字，而只需使用’。和“＃”来定义它们。上面的代码首先被转换为

   
    
   
      
Hello Views!
   

Pug除了简化HTML标记外，还可以做更多的事情。让我们探索Pug的一些功能。

简单标签

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