为什么要使用pug呢,到底它对我们有什么好处,带给我们什么便利。
1.无需结束标签
在html中,几乎每个标签都需要写相应的结束标签,这既耗费时间和精力又使代码更加冗长,而且万一忘了写结束标签会导致不可预期又难以定位的错误。相比之下,pug没有结束标签,代码更加简洁高效。
2.强制缩进
强制缩进有人喜欢有人不喜欢,但是它带来的好处却是无可置疑的:它使得团队中所有人的风格都统一了起来,使得阅读别人的代码不再那么恐怖,让所有人都养成了缩进代码的好习惯,也减少了因为代码格式化产生的冲突等问题。
3.代码复用和维护
pug中的include功能让我们可以不再一遍又一遍地写相同的代码,如头部引用和组件模板等。遇到要修改时也不用一个又一个地去搜索和修改每一个地方,只需修改一个地方一次。
4.标签写法与CSS相同
pug中的标签的写法与CSS中的选择器相同,因此写CSS时更加方便,可以直接拷贝tag作为选择器编写样式。
pug的命令
-p:pug默认编译出来的html文件是压缩版的,使用-p编出来的html文件是标准版的
-o:编译出来的html文件默认在与pug文件的同级,使用-o编译出来的html文件是可以自定义选择他们的存储目录
-w:可以实现自动编译
编译pug文件夹下的所有pug的文件并给他们指定的文件夹:pug -P -w *pug -o ../html