码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-01-20 14:15:44      阅读:231      评论:0      收藏:0      [点我收藏+]

标签:set   nod   ansi   dir   查看   server   script   ade   console   

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 模板引擎使用

标签:set   nod   ansi   dir   查看   server   script   ade   console   

原文地址:http://www.cnblogs.com/flower46273736/p/6322503.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!