1、test.jade文件
html
head
style
body
div.box
div#div1
div aaa
div(class="aaa left-warp active")
div(style="width:200px;height:200px;background:red")
div(style= {width: '200px', height: '200px', background: 'blue'})
div(title= ['aaa', 'left-warp', 'active'])
div(title="aaa",id="div2")
2、jade.js文件
var jade=require('jade'); var http = require('http'); var str=jade.renderFile('test.jade',{pretty:true}); //创建服务 http.createServer(function(req,res){ res.writeHeader(200, {'Content-Type':'text/html;charset:utf-8'}); res.write('<head><meta charset="utf-8"/></head>'); res.write(str); res.end('<p>渲染结束</p>'); }).listen(8888,"localhost",function () { console.log("open server at port:8888..."); });
3、浏览器直接访问8888端口即可展示页面