Node.js開發 ---- Jade 模板引擎使用

時間 2019-11-13

標籤 node.js node 開發 jade 模板引擎使用欄目 Node.js 简体版

原文原文鏈接

1.安裝jade插件
npm install jadejavascript

2.app.jshtml

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.jadejava

doctype html 
html 
title hello,jade 
body 
h1 Hello World

生成的html文件express

<!DOCtype html> 
<html> 
<head> 
<title>hello,jade</title> 
</head> 

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

html轉jade
http://html2jade.vida.io/npm

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

相關標籤/搜索