如何在打字稿中使用快递?
在本文中,我们将了解如何在 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
- 添加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中进行以下更改 文件直接运行打字稿。
第 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 文章。
- 如果您必须了解有关快递的更多信息,请参阅介绍快递文章。