5 环境搭建之2.2 Express.js安装

在上一节中，我们介绍了如何安装 Node.js，它是我们使用 Express.js 的基础。现在我们将进行 Express.js 的安装。这是构建 web 应用程序的关键步骤，让我们一起开始吧！

1. 创建项目目录

首先，您需要创建一个新的项目目录。这可以通过以下命令在终端中完成：

mkdir my-express-app
cd my-express-app

在此示例中，我们创建了一个名为 my-express-app 的新目录，并进入该目录。

2. 初始化 npm 项目

在安装 Express.js 之前，我们需要初始化一个 npm 项目。这可以通过运行以下命令在项目目录中完成：

npm init -y

这里的 -y 标志将使用默认配置初始化项目。执行此命令后，将会在项目目录中生成一个名为 package.json 的文件，该文件用于跟踪项目的依赖和配置信息。

3. 安装 Express.js

现在，您可以安装 Express.js。在命令行中运行以下命令：

npm install express --save

• express 是我们要安装的框架。
• --save 标志会将 express 作为依赖项添加到 package.json 文件中。

安装完成后，您将看到 node_modules 目录的创建，其中包含了 express 的所有依赖项。此外，package.json 文件的 dependencies 部分会更新，列出 express 的版本信息。

4. 创建基本的 Express.js 应用

现在，您已经成功安装了 Express.js，接下来，让我们创建一个基本的 Express.js 应用。

在项目目录中，创建一个名为 app.js 的文件，并添加以下代码：

const express = require('express');
const app = express();
const port = 3000;

app.get('/', (req, res) => {
  res.send('Hello World!');
});

app.listen(port, () => {
  console.log(`Server is running at http://localhost:${port}`);
});

在这个例子中，我们做了以下几件事：

1. 引入了 express 模块。
2. 创建了一个 Express 应用实例。
3. 设置了一个路由，当有人访问根路径 / 时，返回 Hello World!。
4. 启动应用并监听指定的端口。

5. 启动应用

您可以通过在终端中运行以下命令来启动应用：

node app.js

成功启动后，您将看到一条消息，告诉您服务器正在运行。

现在，在浏览器中打开 http://localhost:3000，您应该会看到显示 Hello World! 的页面。

6. 结论

在本节中，我们学习了如何安装 Express.js 并创建一个基本的应用。我们创建了项目目录，初始化了 npm 项目，安装了 Express，并编写了用于响应 HTTP 请求的代码。

在下一节中，我们将讨论如何选择适合的 IDE，以帮助您更高效地进行开发工作。希望通过这一系列的教程，您能逐步建立起对 Express.js 的理解和应用能力！