如何在后端使用TypeScript

如何在后端使用TypeScript

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

先决条件

  • NodeJS的基础知识
  • Express的基础知识
  • JavaScript的基础知识

    项目设置和模块安装:

步骤1: 在命令提示符/ bash/控制台中运行以下命令创建一个节点项目

npm init -y
JavaScript

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

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

注意 typescript 的 devDependency。typescript 只在开发过程中需要,在最后编译为 VanillaJS 的运行时。了解更多关于依赖类型的信息。

项目结构: 它会看起来像这样

如何在后端使用TypeScript

步骤3: 使用以下命令配置TypeScript。

npx tsc --init
JavaScript

它将生成 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); 
})
JavaScript

步骤5: 配置package.json文件

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

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

步骤6: 使用以下命令运行服务器。

npm run build
npm start
JavaScript

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

如何在后端使用TypeScript

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程

登录

注册