Express中使用Pug写模板引擎

1. 安装相应的模板引擎npm软件包

npm install pug --save

2. 在app.js中设置属性

// 引入pug模板
app.set('views', path.join(__dirname, 'view'));
app.set('view engine', 'pug');

views，即模板文件所在的目录。例如：app.set('views', './views')。默认为views应用程序根目录中的目录。 view engine，要使用的模板引擎。例如，使用pug模板引擎：app.set('view engine', 'pug')

3. index.pug在views目录中创建一个名为Pug的模板文件，内容如下：

html
head
  title #{title}
body
  h1 #{message}

文件目录结构如下图所示：

4. 然后创建路由以渲染index.pug文件。如果view engine未设置该属性，则必须指定view文件的扩展名。否则，您可以忽略它。

app.get('/index', function (req, res) {
  res.render('index', { title: 'Hey', message: 'Hello world! (pug)' })
})

5. 重启项目，访问对应路径：http://localhost:5000/index