在前端开发中，搭建一个基于 Pug 的 web 应用是很常见的需求。Hapi 是一个 Node.js 框架，它提供了简单、可靠、强大的工具来构建 web 应用程序。本文将介绍如何使用 Hapi 框架搭建一个基于 Pug 的 web 应用。
安装 Hapi
首先，我们需要安装 Hapi 框架。打开命令行工具，进入项目目录，输入以下命令：
npm install hapi
安装 Pug
接下来，我们需要安装 Pug 模板引擎。同样在命令行工具中输入以下命令：
npm install pug
创建一个简单的 web 应用
接下来，我们创建一个简单的 web 应用。在项目根目录下创建一个名为 index.js 的文件，并输入以下代码：
-- -------------------- ---- -------
----- ---- - ----------------
----- --- - ---------------
----- ------ - --- -------------
----- -----
----- -----------
---
--------------
------- ------
----- ----
-------- --------- -- -- -
------ ----------------------------------
-
---
---------------------- -- -
------------------- ------- --- ---------------------
---这段代码创建了一个名为 server 的 Hapi 服务器，并监听本地的 3000 端口。我们定义了一个路由，当用户访问根路径 / 时，会渲染 views/index.pug 文件并返回。
创建 Pug 模板
接下来，我们创建一个名为 index.pug 的 Pug 模板。在项目根目录下创建一个名为 views 的文件夹，并在其中创建一个名为 index.pug 的文件。输入以下代码：
html
head
title My Web App
body
h1 My Web App
p Hello, world!这段代码创建了一个基本的 HTML 页面，包含一个标题和一个段落。
运行应用
现在我们可以运行我们的应用了。在命令行工具中输入以下命令：
node index.js
访问 http://localhost:3000，你将看到一个包含标题和段落的页面。
结语
通过本文，你学习了如何使用 Hapi 框架搭建一个基于 Pug 的 web 应用。你可以通过这个基础应用程序来构建更复杂的 web 应用程序。希望这篇文章对你有所帮助！
Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/6796ea4e504e4ea9bdde27df