博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
pug学习
阅读量:6702 次
发布时间:2019-06-25

本文共 1002 字,大约阅读时间需要 3 分钟。

pug学习

jade(pug)

由于商标版权问题,jade已经改名为Pug。
Pug 是一个高性能的模板引擎,它是用 JavaScript 实现的,并且可以供 Node 使用,当然还支持其他语言。

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

pug优点

  • 可读性高
  • 灵活的缩进
  • 块展开
  • 代码默认经过编码处理(转义),安全性高
  • 运行时和编译时上下文错误报告
  • 支持命令行编译
  • 支持html5模式
  • 在内存中缓存(可选)
  • 原生支持 Express
  • 合并动态和静态标签类
  • 过滤器

安装

npm安装 建议安装个nrm来进行源管理

npm install pug -gnpm install pug-cli -g

测试demo

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

// index.jadedoctype htmlhtml  head    title jade test  body    h2 jade study

粗暴的编译方法

// index.htmljade test

jade study

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

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 
specify the output file extension ## 指定输出文件扩展名 -s, --silent do not output logs ## 不输出日志// 重新编译pug -P index.jade
jade test

jade study

自动编译

只是为了学习,这里只要设置-w -P .开发中通过打包工具来进行自动编译.

pug pug -o . -w -P

转载地址:http://yswlo.baihongyu.com/

你可能感兴趣的文章
tkinter的GUI设计:界面与逻辑分离(二)-- 菜单栏
查看>>
Visual Studio DSL 入门 8---创建状态机元数据模型
查看>>
如何讓 iOS UIWebView 連線時傳送自訂 Cookie 的方法[转]
查看>>
LiDAR Textbook & Automated Road Network Extraction
查看>>
java并行体系结构
查看>>
探索ASP.NET MVC5系列之~~~5.缓存篇(页面缓存+二级缓存)
查看>>
ArcGIS Javascript API 1.2 Released
查看>>
命令行构建Unity项目
查看>>
C# ArrayList(数组列表)
查看>>
新近碰到的病毒(TR.Spy.Babonock.A)
查看>>
Eliminate Witches!
查看>>
ToString格式化
查看>>
HDU 4819 Mosaic D区段树
查看>>
js小技巧
查看>>
拖动条SeekBar及星级评分条
查看>>
分享20个Android游戏源码,希望大家喜欢哈!
查看>>
Metro Style App开发快速入门 之文件选择总结
查看>>
部分背包问题的贪心算法正确性证明
查看>>
AutoCAD 命令统计魔幻球的实现过程--(2)
查看>>
关于Tool接口--------hadoop接口:extends Configured implements Tool 和 ToolRunner.run
查看>>