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:混合模式
1首先要下载nodeJs,下载完成后安装,安装完毕打开终端,输入node –v,如果可以看到版本信息,表明安装成功了2使用npm命令(npm install jade -g)安装JADE模块
3安装成功后打开WebStorm,点击菜单栏的file-settings,点击Tools,就会看到File Watchers选项项,点击File Watchers,会出现配置界面
4点击右侧的“+“号,在下拉列表中点击JADE
5里面的选项只需要配置两个即可,首先在Program选项中填入jadeNaNd的路径,因为JADE是安装在全局环境中的,所以jadeNaNd一般都在AppData\Roaming\npm 下,以我的电脑为例,完整路径是:C:\Users\Administrator\AppData\Roaming\npm\jade.cmd;然后再在Arguments中加上‘-P ’记得P要大写,P后面有个空格,完整内容如下:“-P $FileName$”
如果你说的是nodejs的模板引擎,Jade有两点是超出传统模板技术的。
第一、简洁。
注意,简洁并非单指更少的符号,而是看是否能match你的需要。Jade强制的缩进格式能凸显html的结构,而对于前端来说,最重要的任务恰恰是处理结构,而不像一般的html author那样是处理内容。反过来说,假如你的主要任务是处理内容,比如写作blog之类的,那你应该用wiki或者markdown之类的,而不应该用Jade。
第二、html-aware
传统模板技术其实是通用模板,即模板引擎并不care你输出的是html还是其他格式的文本。而Jade专为HTML设计,因此可以做许多传统模板做不到的专门针对html的优化。举个几个简单的例子:
1. 决定如何输出属性(当属性赋值为null/false时不输出属性,为true时只需属性不需要值,这在传统模板里写起来很麻烦、代码难看易出错)
2. 自动产生well-formed结构(甚至可决定是否要输出结束标签,而传统模板理论上也做不到这点,除非引入额外的html parse或tidy)
3. 换行处理,避免产生额外的空白节点
4. 对输出的变量自动进行特殊字符的encode
实际上,Jade在这方面其实做得还不够好,但是比那些传统模板还是要优雅多了。
如果你说的是本田Jade(杰徳)这款车:
作者:曾杰
链接:https://www.zhihu.com/question/27475370/answer/63888588
来源:知乎
5座5AT精英版车主,6座不了解。
外观:见仁见智,自己非常喜欢;
内饰:浅色氛围更居家,黑色内饰更酷,但不适合抽烟的人,到处都是白色的烟灰;
3.配置:够用,天窗、无钥匙进入、倒车雷达影像、自动空调、后排出风口、后排中央扶手杯架;
4:空间:巨大,同事问后排腿部该有两拳吧?我说你自己试试,用几拳没意思。。。有天楼下一辆索八搬两个柜子,换了几种姿势进不去后备箱,要是自己的车一次就装完了;
5.噪音:泊油路很安静,高速也可以,路不是那么好就略吵;6.悬挂:偏硬,其实没想象的硬,过减速带的时候速度快点反而没那么颠;7.动力:够用,没有暴力驾驶过,超个车什么的还是很轻松的;8.油耗:高速5.3,平时7.5;9.保养:一次400,。有点遗憾的地方:后排座椅放倒不能全平;卤素大灯不给力。