📜  如何在打字稿中使用快递?

📅  最后修改于: 2022-05-13 01:56:48.140000             🧑  作者: Mango

如何在打字稿中使用快递?

在本文中,我们将了解如何在 TypeScript 中使用 Express。 TypeScript是 JavaScript 的超集,它为 JavaScript 提供类型表示法,因此我们可以处理我们的服务器,并且在未来具有很强的可扩展性。 Express是一个 Web 框架,借助 Nodejs 帮助创建服务器端处理

先决条件:

  • NodeJS和Express的基础知识。
  • TypeScript 的基础知识。

在 Typescript 中创建 Express 服务器的步骤:

第 1 步:使用以下命令在您的工作文件夹中启动package.json文件。

npm init -y

注意: “-y”标志用于进行默认配置。

创建package.json文件后,输出如下。

第 2 步:使用以下命令安装所需的模块。

  • 为我们的服务器添加一个express模块。
npm install express
  • 添加typescriptts-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中进行以下更改 文件直接运行打字稿。

第 5 步:使用以下代码创建一个index.ts文件。在这里,我们在 typescript 中创建了一个最小的 express 服务器。这里,文件名是 index.ts。

Javascript
// 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 Expresss");
});
 
// Server setup
app.listen(port, () => {
    console.log(`TypeScript with Express
         http://localhost:${port}/`);
});


第 6 步:使用以下命令启动服务器。

npm start

输出:我们将在终端屏幕上看到以下输出。

步骤 7:打开浏览器并转到http://localhost:3000 ,我们将看到以下输出。

参考:

  • 如果您必须了解有关 typescript 的更多信息,请参阅 Introduction-to-typescript 文章。
  • 如果您必须了解有关快递的更多信息,请参阅介绍快递文章。