简介
jade-client-middleware 是一款 Node.js 的 middleware，基于 Jade 模板引擎，可以让前端开发人员快速开发高质量、易维护的 HTML 页面，而无需成为专业的后端开发人员。在此之前，我们需要先了解一下 Node.js 和 Jade。
Node.js 简介
Node.js 是一个开放源代码、跨平台的 JavaScript 运行环境，可以通过 JavaScript 代码实现服务器端的应用逻辑，适用于高并发、I/O 密集型的网络应用场景。
Jade 简介
Jade 是一种 HTML 模板引擎，它采用缩进语法，使得模板更加简洁易读，是一种快速、简单、优雅的模板语言。
jade-client-middleware 使用教程
jade-client-middleware 应用于 Node.js 应用中，用于将 Jade 模板转换为 HTML 页面，并将其作为响应体发送给客户端。
安装
在项目根目录下打开终端，输入以下命令安装 jade-client-middleware：
npm install jade-client-middleware --save
使用
第一步：引入模块
在你的 Node.js 文件中，使用 require 引入 jade-client-middleware 模块，并创建一个 middleware 实例。
const JadeClientMiddleware = require('jade-client-middleware');
const jadeClientMiddleware = new JadeClientMiddleware({ viewPath: './views' });viewPath表示存放视图文件的目录路径。
第二步：注册 middleware
使用 Express 框架作为例子，你需要注册 jade-client-middleware 作为 middleware。
const express = require('express');
const app = express();
app.use(jadeClientMiddleware.middleware());第三步：编写 Jade 模板
在之前设定的视图目录下，创建一个新的文件 index.jade，将以下代码粘贴进去：
doctype html
html
head
title= title
body
h1= message使用 Jade 模板引擎编写 HTML 页面中的标签同样普通，但需要注意缩进的方式。
第四步：发送响应
在你的路由模块中，添加一个路由，当用户访问 / 时，使用上面的 Jade 模板作为响应发送给客户端。
app.get('/', function (request, response) {
response.render('index', { title: 'Hello World!', message: 'Welcome to my website.' });
});运行你的 Node.js 应用并访问 http://localhost:3000，你应该能够看到一条信息 “Welcome to my website.”。
总结
jade-client-middleware 为前端开发人员提供了一种易于使用的方式，使用 Jade 模板开发高质量、易维护的 HTML 页面，大大提高了前端开发工作的效率。希望这篇文章能够对你有所帮助，谢谢阅读！
示例代码
-- -------------------- ---- ------- -- -- ---------------------- -- ----- -------------------- - ---------------------------------- -- ---- ---------- -- ----- -------------------- - --- ---------------------- --------- --------- --- ----- ------- - ------------------- ----- --- - ---------- -- -- ---------- ------------------------------------------- -- --------- ---- ------ ------------ -------- --------- --------- - ------------------------ - ------ ------ -------- -------- -------- -- -- --------- --- --- -- ---- ---------------- -------- -- - ---------------------- -- ---- ------- ---
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/74395