如何在TypeScript中使用Express

在本文中，我们将看到如何在TypeScript中使用Express。TypeScript是JavaScript的超集，提供了与JavaScript一起使用的类型注释，因此我们可以处理服务器，并且对未来非常可扩展。

Express是一个Web框架，通过Nodejs的帮助来创建服务器端处理。

先决条件：

对NodeJS和Express有基本知识。
对TypeScript有基本知识。

在TypeScript中创建Express服务器的步骤：

步骤1： 使用以下命令在您的工作文件夹中初始化package.json文件。

npm init -y

注意： 使用 ‘-y’ 标志来创建默认配置。

创建 package.json 文件后，将会得到以下输出。

如何在TypeScript中使用Express

步骤2： 使用以下命令安装所需模块。

为我们的服务器添加一个express模块。

npm install express

添加 TypeScript 和 ts-node 以在 NodeJS 上运行 TypeScript。

npm i typescript ts-node nodemon --save-dev

注意： 使用 ‘–save-dev’ 来添加开发环境依赖。

添加类型声明。

npm i @types/node @types/express

步骤3: 创建一个 tsconfig.json 文件，其中包含以下代码。

{
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "rootDir": "./",
    "outDir": "./build",
    "esModuleInterop": true,
    "strict": true
  }
}

步骤4： 在 package.json 文件中进行以下更改，以直接运行TypeScript。 ****

如何在TypeScript中使用Express

步骤5： 创建一个名为 index.ts 的文件，并且添加以下代码。在这里，我们创建了一个最简单的TypeScript Express服务器。文件的名称是index.ts。

// Import the express in typescript file
import express from 'express';
 
// Initialize the express engine
const app: express.Application = express();
 
// Take a port 3000 for running server.
const port: number = 3000;
 
// Handling '/' Request
app.get('/', (_req, _res) => {
    _res.send("TypeScript With Express");
});
 
// Server setup
app.listen(port, () => {
    console.log(`TypeScript with Express 
         http://localhost:${port}/`);
});

步骤6： 使用以下命令启动服务器。