在vue里使用pug模板引擎

pug，原名jade，是流行的HTML模板引擎，它是HAML在JavaScript上的实现，最大的特色是使用缩进排列替代成对标签。

在vue中使用的话 需要事先安装依赖

#安装支持pug依赖
npm install pug pug-loader pug-filters -D
#安装支持jade依赖
npm install jade jade-loader -D

后在你的vue项目文件中的webpack.base.conf.js中，在module的rules节点下添加配置：

{
      test: /\.jade$/,
      loader: "jade"
},
{
      test: /\.pug$/,
      loader: 'pug'
}

然后在template标签中 lang=“pug” 即可启用

当然 怎么用就得去官网查看了 pug官网