如何使用 Express+TypeScript 创建 Node.js 项目

关于使用 TypeScript 和 Express 初始创建 Node.js 服务器的超级简短的教程。

你们中的许多人可能已经知道使用 Express 和 TypeScript 设置 Node.js 项目是多么容易。如果您已经知道，那么您将不会在这里真正学到任何新东西。

为什么我要写这个超级短的教程？好吧，我的意图很简单解释：将来我会写一些需要这样一个项目的文章。由于我不想一遍又一遍地写它，所以我将在这里简单地参考这篇文章，供那些不确定如何进入这样一个 TypeScript 项目的人使用。

让我们从使用 TypeScript 设置一个简单的 Node.js 项目开始。

第一我们创建一个新的项目目录。

$ mkdir event-sourcing-example
$ cd event-sourcing-example/

目前我们在这个目录中初始化 Node。使用标志 -y 默认设置，这对于示例性实现应该是有益的。

$ npm init -y

目前让我们安装 TypeScript 依赖项。我们在运行时不需要这些，因此将它们安装为开发依赖项。此外，我们还需要 Express 来运行 Node.js 服务器。

$ yarn add express
$ yarn add typescript tslint @types/express -D

目前必须添加一个带有 TypeScript 配置的文件。

$ touch tsconfig.json

将以下内容添加到此文件中。

{
  "compilerOptions": {
    "module": "commonjs",
    "esModuleInterop": true,
    "target": "es6",
    "moduleResolution": "node",
    "sourceMap": true,
    "outDir": "dist"
  },
  "lib": ["es2015"]
}

将以下部分添加/替换到 package.json。

"main": "dist/server.js",
"scripts": {
  "dev": "tsc && node dist/server.js",
  "test": "echo "Error: no test specified" && exit 1"
},
...

创建一个文件“server.ts”，其中将包含 Express Server 的代码，如下所示：

$ mkdir src && touch src/server.ts

为了确保一切正确，您可以检查您的项目是否如下所示：

.
|-- node_modules
|-- package.json
|-- src
|   `-- server.ts
|-- tsconfig.json
`-- yarn.lock

然后将该代码添加到 server.ts 文件中。

import express from 'express';const app = express();
const port = 9000;app.get('/', (req, res) => {
    res.send('Server is up and running!');
});app.listen(port, () => {
    console.log(`Server is listening on ${port}`);
});