Node.js开发 ---- Jade 模板引擎使用
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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 模板引擎使用的主要内容，如果未能解决你的问题，请参考以下文章
[js高手之路]Node.js模板引擎教程-jade速学与实战1
[js高手之路]Node.js模板引擎教程-jade速学与实战2-流程控制,转义与非转义