如何在后端使用TypeScript
TypeScript是由微软开发的,用于简化JavaScript代码,使其更易于阅读和调试。它的类型检查可以在运行时防止许多可怕的错误。在本文章中,我们将看到如何在后端使用NodeJS和express设置typescript。
先决条件
- NodeJS的基础知识
- Express的基础知识
- JavaScript的基础知识
项目设置和模块安装:
步骤1: 在命令提示符/ bash/控制台中运行以下命令创建一个节点项目
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);
})
步骤5: 配置package.json文件
在package.json文件中添加以下代码行: tsc 命令将Typescript代码编译为Vanilla JavaScript,而 node server.js 命令将生成的Vanilla JavaScript文件用于启动服务器。
"scripts": {
"build": "tsc",
"start": " node server.js"
}
步骤6: 使用以下命令运行服务器。
npm run build
npm start
输出: 现在在任何浏览器中打开 http://localhost:3000 来查看服务器运行情况。