前言
在现代 Web 开发中，使用 Node.js 开发 Web 应用已经成为一种趋势。Node.js 提供了一种高效的方式来编写后端代码，并且可以使用多种框架来简化开发过程。在这篇文章中，我们将学习如何使用 Express.js 和 Pug 模板引擎来创建一个 Web 应用。
Express.js
Express.js 是一个基于 Node.js 平台的 Web 应用框架，它提供了一系列的功能来简化 Web 应用的开发过程。Express.js 的主要特点包括：
- 路由系统：可以方便地定义不同的路由和处理函数。
- 中间件：可以将多个处理函数组合在一起，形成一个处理链。
- 视图系统：可以使用不同的模板引擎来渲染页面。
- 错误处理：可以方便地处理错误和异常情况。
在下面的教程中，我们将使用 Express.js 来创建一个简单的 Web 应用。
Pug 模板引擎
Pug 是一个高效的模板引擎，它可以将模板文件编译成 HTML 文件。Pug 的主要特点包括：
- 简洁：使用缩进来表示 HTML 结构，不需要写大量的标签。
- 动态：可以使用 JavaScript 代码来生成 HTML 内容。
- 继承：可以使用模板继承来复用代码。
在下面的教程中，我们将使用 Pug 模板引擎来渲染页面。
创建 Web 应用
步骤 1：安装 Express.js 和 Pug
首先，我们需要安装 Express.js 和 Pug。可以使用 npm 命令来安装它们：
npm install express pug --save
步骤 2：创建项目目录和文件
在项目目录中，创建一个名为 app.js 的文件，并输入以下内容：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ----- ---- - ----- ------------- -------- ------- ------------ ----- ---- -- - ------------------- - ------ ----------- --- ---- --- --- ---------------- -- -- - ---------------- --------- -- --------------------------- ---
在项目目录中，创建一个名为 views 的文件夹，并在其中创建一个名为 index.pug 的文件，并输入以下内容：
doctype html
html
head
title= title
body
h1 Hello, World!步骤 3：启动 Web 应用
使用以下命令来启动 Web 应用：
node app.js
在浏览器中访问 http://localhost:3000，应该可以看到一个包含 "Hello, World!" 文字的页面。
结论
在本文中，我们学习了如何使用 Express.js 和 Pug 模板引擎来创建一个简单的 Web 应用。我们学习了如何安装 Express.js 和 Pug，如何创建项目目录和文件，以及如何启动 Web 应用。希望这篇文章对你有所帮助，并且能够启发你在 Web 开发中的思路。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675da840e1dcc5c0fa3fc4fb