jade(又称pug) 使用流程及常见语法

jade(又称pug) 使用流程及常见语法,第1张

Jade是一款基于haml的html模版引擎,采用Java cript实现,可以方便地 在Node.js、Yeoman等框架中使用,已改名为pug

1.安装jade : sudo install gade -g

2.编译html  :   jade -P -w test.jade    (test是自己写的文件名输入这个指令后 会自动生成一个对应的html文件)

3.安装hede指令:  sudo  snpm hade -g     (安装完成后 直接在终端输入hade 就可以跳到一个网页 将HTML源码和编译后的都显示出来)

jade 语法:

    1.jade语法:通过缩进关系,代替以往html的层级包含关系,如 个简单的静态  可以表达为,注意要统一使用tab或者空格缩进,只需要写一个标签名就行

    2.内联书写层级,a: img

    3.style属性:div(style={width:”200px”,color:”red”})

    4.使用”-”来定义变量,使用“=”把变量输出到元素内;

    5.通过 #{variable} 插 相应的变 值

    7.文本: 通过在 字前 添加竖线符号“|”可让 jade 原样输出内容 在html标签标记后 通过空格隔开 本内容 在html标签标记后通过添加英  号“.”添加块级 本

    8.注释:可以通过双斜杠进 注释,jade有3种注释 式,可以分别对应输出html 注释、 输出html注释、块级html注释

    9.循环:each val in [1,2,3]

    10.判断语句:”if  else”  case  when default 

    11.mixin:混合模式

导出jade里的pdf卡片的方法可以导出的,步骤如下:Flie-Print setup 然后你进入到一个可以打印的页面,在上面可以添加标注的文字,编辑完成后点击左上角第二个按钮即copy按钮,选择copy bitmap image ,在word中点击粘贴就行了。

1、首先将PDF光盘内容复制到硬盘分区上,选择菜单 PDF-Setup命令,见到索引窗口。

2、输入PDF2光盘中PDF2.DAT文件所在位置。

3、指定要建立的 PDF2索引所在位置,选择需要建立索引的PDF2子库。

4、点击“Create”,开始建立索引,建立索引需要大约10分钟的时间。

5、建立索引后查询等都可以用了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11399743.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存