在 Egg.js 中使用 Jade 模板引擎可以大大提高前端开发效率和代码简洁程度，而 npm 包 egg-view-jade 正是为此而生。本篇文章将详细介绍 npm 包 egg-view-jade 的使用方法，包括安装、配置、使用示例等内容，指导读者轻松上手。
安装
使用 egg-view-jade 首先要安装 Egg.js，然后执行以下命令安装 egg-view-jade：
$ npm install egg-view-jade --save
配置
在 Egg.js 项目中使用 egg-view-jade 需要在配置文件中添加如下配置：
// config/plugin.js exports.jade = { enable: true, package: 'egg-view-jade' };
除此以外，还需要在配置文件中指定使用哪个文件格式的模板：
// config/config.default.js exports.view = { defaultViewEngine: 'jade', mapping: { '.jade': 'jade', }, };
使用示例
以下是一个简单的使用 egg-view-jade 的示例。假设现有一个模板文件 index.jade，其内容如下：
doctype html html head title= title body h1= message
接着，在控制器中使用以下代码，将模板文件渲染为 HTML 页面并返回给客户端：
-- -------------------- ---- ------- -- ---------------------- ----- ---------- - -------------------------- ----- -------------- ------- ---------- - ----- ------- - ----- - --- - - ----- ----- ------------------------ - ------ ---- - ------ -------- ------- ------- --- - - -------------- - ---------------展开代码
如果上述代码运行无误，访问 http://localhost:7001 将会看到以下 HTML 页面：
<!DOCTYPE html> <html> <head><title>Egg + Jade</title></head> <body><h1>Hello, Jade!</h1></body> </html>
总结
通过本文的介绍，读者应该对 npm 包 egg-view-jade 的使用方法有了更深入的了解，能够熟练地在 Egg.js 项目中使用 Jade 模板引擎，提高开发效率和代码简洁程度。同时，也了解到如何在配置文件中指定使用哪个文件格式的模板，为后续开发工作提供指导。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600556b781e8991b448d382e
