如何在后端使用 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以查看服务器正在运行。