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

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：混合模式

n. 哈巴狗；狮子鼻；（野兽的）足迹；<俚>拳击手

v. 制砖瓦捣捏；用粘土堵塞

一、读音：英 [pʌɡ]，美 [pʌɡ]

二、例句：

This plush pug - dog is a new product .

这只长毛绒狮子狗是新产品。

三、词汇搭配：

1、pug nose 狮子鼻

2、pug-nosed 狮子鼻的

3、vacuum pug mill 真空干碾机

扩展资料：

近义词：pugilist

一、意思：n. 职业拳击手

二、读音：英 ['pjuːdʒɪlɪst]，美 ['pjuːdʒɪlɪst]

三、例句：

The pugilist blocked his opponent's blows and then put in a sudden right to the jaw.

拳击手挡住了对方的袭击，接着用右手向他的颌部突然一击。

---