认识pug模板引擎

我们知道ES6后，javascript提供了一个模板字符串，可以实现模板引擎的功能，很方便好用，但是它需要写在js文件中，然而对一下大型而又复杂的项目而言，再这样写就不太好了，此时我们就需要借助外界的引擎模板来实现一些功能。
什么是模板引擎呢？了解一下它的概念。
模板引擎就是web应用中动态生成html的工具，负责将数据和模板结合。

再来看一下比较流行的或者常用 的模板引擎有哪些呢？
常见模板引擎：ejs、jade(现改名为pug，对，你没看错，就是这次要学习的)、Handlebars、Nunjucks、Swing等。

使用模板引擎有什么好处呢？
它可以使项目结构更加清晰、合理，项目可维护性更高

今天来详细说一说pug模板引擎的事情
当然要使用它，得先安装才行，安装命令npm i pug -g
pug的语法：通过缩进关系，代替以前html的层级包含关系

注意：统一使用tab或者空格缩进，如果混用，就不会有我们想要的效果了

pug文件的后缀名为.pug , 比如index.pug

下面来看看具体是怎么使用的！

	h1 大家好，我是一个标题
	div 我是一个div标签
	   p 我是div下的p标签
	span 我是与div同级的span标签