介绍
vision 是一个 Node.js 的视图引擎，可以用于生成 HTML、XML、JSON 等文档。它的特点是速度快、易于扩展和定制。
本教程将带您深入了解 vision 的使用方法，并通过示例代码来帮助您更好地理解。
安装
在使用 vision 前，我们需要先安装它。可以使用 npm 包管理器进行安装，命令如下：
npm install vision --save
使用
引入
使用 vision 需要先引入它，代码如下：
const Vision = require('vision');注册视图引擎
接下来，我们需要注册视图引擎。视图引擎就是将模板文件渲染成最终的 HTML 文件，vision 可以支持多种视图引擎，这里我们以 ejs 为例进行演示。
-- -------------------- ---- -------
----- ---- - ----------------------
----- ------ - -------------
----- -----
----- -----------
---
----- ------------------------
--------------
-------- -
---- --------------
--
----------- ----------
----- -------
---上面代码中，我们首先通过 server.register 方法注册了 vision 插件，然后使用 server.views 方法配置了视图引擎。其中，engines 配置了视图引擎的类型为 ejs，relativeTo 配置了模板文件所在的目录相对于当前文件的路径，path 配置了模板文件所在的目录。
渲染模板
一旦视图引擎注册成功，我们就可以使用 server.render 方法将模板文件渲染成最终的 HTML 文件了。代码如下：
server.route({
method: 'GET',
path: '/',
handler: (request, h) => {
return h.view('index', { title: 'Hello World' });
}
});上面代码中，我们定义了一个 HTTP GET 请求处理函数，使用 h.view 方法将名为 index 的模板文件渲染成 HTML 文件，并将 { title: 'Hello World' } 作为参数传递给模板文件。
模板语法
vision 支持多种模板语法，这里以 ejs 为例进行演示。ejs 使用 <%= %> 标记来输出变量的值，使用 <% %> 标记来执行 JavaScript 代码。代码示例如下：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
---------- ----- ----------
-------
------
-- -- ------ - --
----------- --- --------- --------
-- - ---- - --
----------- --------------
-- - --
-------
-------结语
本教程介绍了 vision 的安装和使用方法，以及 ejs 模板语法的基本用法。希望对您有所帮助，谢谢阅读！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/44742