【jade教程】Jade 是一个用于构建现代 Web 应用的模板引擎，它在 Node.js 环境中广泛使用。Jade 的语法简洁，支持嵌套结构和变量绑定，能够高效地生成 HTML 代码。通过本教程，你将了解 Jade 的基本语法、常用指令以及如何将其与 Express 框架集成。掌握 Jade 可以提升前端开发效率，使代码更加清晰易读。
Jade 教程内容表：
| 项目 | 内容 |
| 定义 | Jade（现称为 Pug）是一个基于 JavaScript 的模板引擎，用于生成 HTML。其语法简洁，支持嵌套结构和变量绑定。 |
| 安装方式 | 使用 npm 安装：`npm install jade` 或 `npm install pug`（注意：Jade 已更名为 Pug）。 |
| 基本语法 | - 使用缩进代替标签闭合 - 支持变量插值：`{variable}` - 支持条件语句和循环语句 |
| 示例代码 | ```pug h1 Hello, {name} p This is a paragraph. ul li Item 1 li Item 2``` |
| 常用指令 | - `:javascript` 插入 JS 代码 - `:css` 插入 CSS 样式 - `include` 引入其他模板文件 |
| 与 Express 集成 | 在 Express 中设置视图引擎为 Jade：`app.set('view engine', 'jade')` |
| 优点 | - 语法简洁，易于阅读 - 支持代码重用 - 与 Node.js 生态良好兼容 |
| 缺点 | - 语法与 HTML 不同，学习曲线略高 - 部分功能不如现代框架如 React 或 Vue 灵活 |
| 适用场景 | 适合快速构建静态页面或中小型 Web 应用，尤其适用于后端渲染项目。 |
结语：
Jade（Pug）作为一款轻量级的模板引擎，凭借其简洁的语法和高效的渲染能力，在 Node.js 开发中具有重要地位。对于初学者而言，掌握 Jade 能够有效提升前端开发效率，同时为后续学习更复杂的框架打下基础。