node笔记--jade模版

1.安装jade npm install jade

2.引入jade模块var jade = require('jade')

3.引入文件模块var fs = require('fs');

4.var str = jade.renderFile('./1.jade',{pretty:true});

5.fs.writeFile('index.html',str);

在index.html中就可以看到jade出来的结构了，

jade写法

1.jade写成单标签不要花括号。

2.jade用缩进表示包含关系

3.jadehtml标签里面的text内容可以在标签后面加空格再加上你要的内容。

4.jade属性可以写在标签后面写在括号里面，属性之间用逗号隔开。

5.在每行代码前面加上|可以使其原样输出

6.代码前面加-可以使用for循环

7.如果标签后面加.就可以原样输出，不用每行加|。

8.其中有两个属性比较特殊，可以使用json直接定义

例子

js:

var jade = require('jade');
var fs = require('fs');
var str = jade.renderFile('./1.jade',{pretty:true,
json:{width:'200px',height:'100px',background:'red'}});
console.log(str);
fs.writeFile('2.html',str);

jade:

html
  head
  body
    div(id="box",name="a",style=json)
      div