pug进修

2023年5月29日 142次阅读 来源: 酷酷的波

pug进修

jade(pug)
因为商标版权题目，jade已改名为Pug。
Pug 是一个高性能的模板引擎，它是用 JavaScript 完成的，而且可以供 Node 运用,固然还支撑其他言语。

文件后缀名为.pug(.jade)

pug长处

  • 可读性高
  • 天真的缩进
  • 块睁开
  • 代码默许经由编码处置惩罚(转义),安全性高
  • 运行时和编译时上下文错误报告
  • 支撑命令行编译
  • 支撑html5形式
  • 在内存中缓存(可选)
  • 原生支撑 Express
  • 兼并动态和静态标签类
  • 过滤器

装置

npm装置 发起装置个nrm来举行源治理

npm install pug -g
npm install pug-cli -g

测试demo

为了轻易编写代码,最好把编译器的tab设置:2.

// index.jade

doctype html
html
  head
    title jade test
  body
    h2 jade study

粗犷的编译要领

// index.html
<!DOCTYPE html><html><head><title>jade test</title></head><body><h2>jade study    </h2></body></html>

发明编译后的代码不具备可读性

pug -- help
 Options:
     -P, --pretty           compile pretty HTML output ## 输出美丽构造的HTML
    -D, --no-debug         compile without debugging (smaller functions) ## 不带调试的编译
    -w, --watch            watch files for changes and automatically re-render ## 对某个文件的更改坚持监控
    -E, --extension <ext>  specify the output file extension ## 指定输出文件扩展名
    -s, --silent           do not output logs ## 不输出日记
// 从新编译
pug -P index.jade
<!DOCTYPE html>
<html>
  <head>
    <title>jade test</title>
  </head>
  <body>
    <h2>jade study    </h2>
  </body>
</html>

自动编译
只是为了进修,这里只需设置-w -P .开辟中经由过程打包东西来举行自动编译.

pug pug -o . -w -P
    原文作者：酷酷的波
    原文地址: https://segmentfault.com/a/1190000015905507
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞