首页 > 代码库 > Node.js开发 ---- Jade 模板引擎使用

Node.js开发 ---- Jade 模板引擎使用

1.安装jade插件
npm install jade

2.app.js
[javascript] view plain copy 在CODE上查看代码片派生到我的代码片
var express = require(‘express‘);
var http = require(‘http‘);
var app = express();
app.set(‘view engine‘, ‘jade‘); // 设置模板引擎
app.set(‘views‘, __dirname); // 设置模板相对路径(相对当前目录)

app.get(‘/‘, function(req, res) {
res.render(‘test‘); // 调用当前路径下的 test.jade 模板
})

var server = http.createServer(app);
server.listen(3002);
console.log(‘server started on http://127.0.0.1:3002/‘);

3.test.jade
[html] view plain copy 在CODE上查看代码片派生到我的代码片
doctype html
html
title hello,jade
body
h1 Hello World

生成的html文件
[html] view plain copy 在CODE上查看代码片派生到我的代码片
<!DOCtype html>
<html>
<head>
<title>hello,jade</title>
</head>

<body>
<h1>Hello World</h1>
</body>
</html>

html转jade
http://html2jade.vida.io/

更多:
http://www.lellansin.com/jade-%E6%A8%A1%E6%9D%BF%E5%BC%95%E6%93%8E%E4%BD%BF%E7%94%A8.html

Node.js开发 ---- Jade 模板引擎使用