7 创建第一个Express应用

在上篇中，我们讨论了如何选择合适的IDE以便高效地进行开发。在本篇中，我们将继续深入，创建一个基本的Express项目结构，为后续的开发打下坚实的基础。我们将逐步引导你如何组织文件和目录，使之便于维护和扩展。

3.1 创建基本项目结构

在开始之前，请确保你已经完成了环境搭建，并且已经安装了Node.js和npm（Node.js的包管理工具）。接下来，我们将创建一个新的Express项目，并构建其基本结构。

1. 创建项目目录

首先，打开终端（Terminal），并选择一个合适的位置来创建你的项目。可以使用以下命令创建一个名为 my-express-app 的新目录：

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

2. 初始化npm项目

接下来，我们需要通过npm初始化项目。运行以下命令：

npm init -y

-y选项会接受所有默认设置。完成后，你将在项目目录中看到一个名为 package.json 的文件，这个文件用于管理项目的依赖和配置信息。

3. 安装Express框架

现在，我们可以安装Express。运行以下命令来安装Express：

npm install express

安装完成后，你会在 node_modules 目录中看到Express及其依赖项，并且 package.json 文件也会更新。

4. 创建基本文件结构

接下来，我们需要创建一些基本的文件和目录，以便于后续的开发。我们可以创建如下文件结构：

my-express-app/
├── node_modules/
├── public/
├── routes/
│   └── index.js
├── views/
├── app.js
└── package.json

• node_modules/：这个目录由npm自动创建，用于存放所有的依赖包。
• public/：用于存放静态资源，例如CSS文件、JavaScript文件和图片等。
• routes/：用于存放路由文件，例如处理不同URL请求的Express路由。
• views/：用于存放视图模板文件，如果你使用模板引擎（如EJS或Pug）来渲染HTML。
• app.js：主应用程序文件，将在这里设置Express应用。
• package.json：项目的配置信息和依赖。

5. 创建主应用文件

在项目的根目录下，创建一个名为 app.js 的文件。可以使用你选择的IDE或文本编辑器来创建文件。然后在 app.js 文件中添加以下代码：

const express = require('express');
const path = require('path');

const app = express();

// 设置静态文件目录
app.use(express.static(path.join(__dirname, 'public')));

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

// 导出应用
module.exports = app;

在这个简单的Express应用中，我们做了以下几件事情：

• 引入了Express模块，并初始化了一个Express应用。
• 设置了静态文件目录，通过 express.static 中间件来提供静态文件服务。
• 创建了一个简单的路由，当根路径 / 被访问时，返回 “Hello World!”。

6. 总结

到此为止，我们已经成功创建了一个基本的项目结构，并编写了我们的第一个Express应用程序的主要文件。在接下来的章节中，我们将启动这个服务器，并进行更多的功能扩展。

希望本章内容对你理解Express应用的基本结构是有帮助的。请继续关注下一篇文章，我们将讨论如何启动服务器并使我们的应用在线运行。