使用 Express 创建基本 Web 应用框架

最新推荐文章于 2026-01-01 09:03:11 发布

转载最新推荐文章于 2026-01-01 09:03:11 发布 · 280 阅读

CC 4.0 BY-SA版权

原文链接：https://docs.microsoft.com/zh-cn/learn/modules/get-started-with-windows-subsystem-for-linux/4-create-website-with-node

文章标签：

#npm

linux 专栏收录该内容

11 篇文章

订阅专栏

本文介绍Express框架的基本使用，包括创建Web应用、文件体系结构解析及如何启动应用。

Express 是简约、灵活、流畅的 Node.js 框架，可便于更轻松地开发 Web 应用，以处理 GET、PUT、POST 和 DELETE 等多种类型的请求。 Express 随附一个应用生成器，可用于自动创建应用的文件体系结构。
通过输入“express HelloWorld --view=pug”，创建简单的 Hello World 应用项目。

通过输入“ls HelloWorld”，检查 Express 包含的文件和文件夹。

Express 生成的文件将创建采用体系结构的 Web 应用，一开始可能有点让人应接不暇。不要惊慌。无需了解 Express，即可跟着本课程一起操作；若要了解详细信息，有大量资源可供参阅。你将看到已生成以下文件和文件夹：

bin. 包含启动应用的可执行文件。 它启动服务器（如果没有提供备用端口的话，则在端口 3000 上），并设置基本错误处理。
public. 包含所有公开访问的文件，包括 JavaScript 文件、CSS 样式表、字体文件、图像，以及用户在连接到网站时需要的任何其他资产。
routes. 包含应用程序的所有路由处理程序。 此文件夹中自动生成 index.js 和 users.js 这两个文件，以举例说明如何分离应用程序的路由配置。
views. 包含模板引擎使用的文件。 Express 被配置为在调用 render 方法时在其中查找匹配视图。 虽然默认模板引擎是 Jade，但为了支持 Pug，Jade 已遭弃用，所以我们使用了 --view 标志来更改视图（模板）引擎。 通过使用 express --help，可以查看 --view 标志选项和其他选项。
app.js. 应用的起点。 它加载所有内容，并开始满足用户请求。 它基本上就是将所有部分结合在一起的“胶水”。
package.json. 包含项目说明、脚本管理器和应用部件清单 (manifest)。 它主要用于跟踪应用的依赖项及其相应版本。

现在，已创建 Hello World 项目，那么输入 cd HelloWorld 可以进入此项目。使用 sudo npm install 可以安装项目的依赖项（用于执行运行服务器等任务的包，如 package.json 文件中所定义）。

可以使用 npm list 来查看已安装包的列表。它们按深度（嵌套目录数）列出。所安装的包的深度为 0。该包的依赖项的深度为 1，进一步嵌套的依赖项的深度为 2，依此类推。

此时，已创建多页 Web 应用的框架，它可以访问大量 API 以及 HTTP 实用程序方法和中间件，可便于更轻松地创建可靠 API。接下来，使用 DEBUG=HelloWorld:* npm start 在虚拟服务器上启动 Express 应用。现在，可以打开 Web 浏览器并转到 localhost:3000，以查看正在运行的应用。