美文网首页
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

相关文章

  • ✍2019-06-14 关于express

    一、安装express 框架 二、结构 三、配置模板引擎 还别的模板引擎:jade,pug,ejs HTTP的请求...

  • pug模板引擎

    为什么要使用pug呢,到底它对我们有什么好处,带给我们什么便利。 1.无需结束标签 在html中,几乎每个标签都需...

  • 第十二节: ejs与pug模板引擎

    模板引擎 node框架express, koa可以像php一样使用后台语言模板,常用的模板引擎有ejs和pug 1...

  • 模板引擎

    1.模板引擎:模板引擎编译成html,静态js,css; jade与pug同名 2.如何使用jade解析字符串: ...

  • Gulp 相关插件

    常用插件 gulp-jade (因版权原因已经改名 pug)HTML 模板引擎 gulp-jadeHTML 模板引...

  • Express(路由中断)

    模板引擎 常见模板引擎有pug,handlebars,ejs等 由占位符所组成的部分会被后端用相应数据进行填充 i...

  • 模板引擎jade(pug)

    模板引擎 编译成html 静态 js cssnode: jade也叫pugjade中不允许强制换行先下载jad...

  • 模板引擎jade(pug)

    一.定义:编译成HTML,对于静态,js,css都可以二.下载: 三.作用解析字符串,解析文件 如何在jade中解...

  • pug模板引擎(原jade)

    pug模板引擎原本叫�jade,但后来因为商标原因更名为pug,哈巴狗。但语法还与之前的相同,只是换了个名字。pu...

  • Pug的安装及使用

    为什么使用pug Pug,原名jade,是流行的HTML模板引擎,最大的特色是使用缩进排列替代成对标签,简化了HT...

网友评论

      本文标题:pug模板引擎

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