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

最新推荐文章于 2023-12-22 16:19:18 发布

weixin_30507481

最新推荐文章于 2023-12-22 16:19:18 发布

阅读量74

点赞数

原文链接：http://www.cnblogs.com/flower46273736/p/6322503.html

版权

1.安装jade插件
npm install jade

2.app.js

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

doctype html 
html 
title hello,jade 
body 
h1 Hello World

生成的html文件

<!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

转载于:https://www.cnblogs.com/flower46273736/p/6322503.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30507481

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Node.js开发 ---- Jade 模板引擎使用

1.安装jade插件npm install jade2.app.jsvar express = require('express'); var http = require('http'); var app = express(); app.set('view engine', 'jade'); // 设置模板引擎 app.set('views', __dirname)...
复制链接

扫一扫