美文网首页
pug模板引擎

pug模板引擎

作者: 没_有_人 | 来源:发表于2017-09-04 21:35 被阅读0次

    为什么要使用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

    相关文章

      网友评论

          本文标题:pug模板引擎

          本文链接:https://www.haomeiwen.com/subject/dqkyjxtx.html