pug和html的区别

Posted 2021-07-08 单身girl

1.无需结束标签

在html中，几乎每个标签都需要写相应的结束标签，这既耗费时间和精力又使代码更加冗长，而且万一忘了写结束标签会导致不可预期又难以定位的错误。相比之下，pug没有结束标签，代码更加简洁高效。

2.强制缩进

强制缩进有人喜欢有人不喜欢，但是它带来的好处却是无可置疑的：它使得团队中所有人的风格都统一了起来，使得阅读别人的代码不再那么恐怖，让所有人都养成了缩进代码的好习惯，也减少了因为代码格式化产生的冲突等问题。

3.代码复用和维护

pug中的include功能让我们可以不再一遍又一遍地写相同的代码，如头部引用和组件模板等。遇到要修改时也不用一个又一个地去搜索和修改每一个地方，只需修改一个地方一次。
可以直接引用使用

block header  include ../plugs/header/index.pug

4.标签写法与CSS相同

pug中的标签的写法与CSS中的选择器相同，因此写CSS时更加方便

主要是以上几点 更多的自己慢慢发现吧