📜  如何在后端使用 TypeScript?

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

如何在后端使用 TypeScript?

TypeScript 由 Microsoft 开发,旨在简化 JavaScript 代码,使其更易于阅读和调试。它的类型检查在运行时防止了许多可怕的错误。在本文中,我们将了解如何使用 NodeJS 和 express 在后端设置 typescript。

先决条件

  • NodeJS 的基础知识
  • 快递基础
  • JavaScript 基础

项目设置和模块安装:

第一步:在命令提示符/bash/console 中运行以下命令创建节点项目

npm init -y

第 2 步:使用以下命令添加所需的依赖项。

npm i express 
npm i typescript ts-node @types/node @types/express --save-dev
npm i -D @types/express

注意 typescript 的 devDependency。只有在开发过程中才需要 Typescript,最后,它会被编译成VanillaJS运行时。了解有关依赖项类型的更多信息。

项目结构:看起来像这样

第 3 步:使用以下命令配置 Typescript。

npx tsc --init

它将生成tsconfig.json ,您可以在其中为 typescript 定义参数,例如要使用的 ECMAScript 版本(如 ES3(默认)、ES5、ES2015),是否启用严格的类型检查。了解有关 typescript 配置的更多信息。

第 4 步:创建一个 express 服务器,这里我们将其命名为server.ts

server.ts
// Importing module
import express from 'express';
  
const app = express();
const PORT:Number=3000;
  
// Handling GET / Request
app.get('/', (req, res) => {
    res.send('Welcome to typescript backend!');
})
  
// Server setup
app.listen(PORT,() => {
    console.log('The application is listening '
          + 'on port http://localhost:'+PORT);
})


第 6 步:配置 package.json

package.json文件中添加以下代码行, tsc命令将 typescript 代码编译为 Vanilla JavaScript,而node server.js将获取生成的 Vanilla JavaScript 文件并启动服务器。

"scripts": {
 "build": "tsc",
 "start": " node server.js"
}

第 7 步:使用以下命令运行服务器。

npm run build
npm start

输出:现在在任何浏览器中打开http://localhost:3000以查看服务器正在运行。