如何在Node.js和Express中设置TypeScript(2023年)

如何在Node.js和Express中设置TypeScript(2023年)

在这篇文章中,我们将介绍在Express应用程序中设置TypeScript的最佳方法,了解与之相关的基本限制。

文章目录

创建初始文件夹和package.json

shell 复制代码
mkdir node-express-typescript
cd node-express-typescript
npm init --yes

在初始化package.json文件之后,新创建的文件可能会像下面的代码一样:

json 复制代码
{
  "name": "Your File Name",
  "version": "1.0.0",
  "description": "",
  "main": "index.ts", // 将入口点从js更改为.ts
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "type": "module",
  "keywords": [],
  "author": "",
  "license": "ISC"
}

安装TypeScript和其他依赖项

sh 复制代码
npm install express mongoose cors mongodb dotenv
sh 复制代码
npm install  -D typescript ts-node-dev @types/express @types/cors

生成tsconfig.json文件

bash 复制代码
npx tsc --init

上述命令将生成一个名为tsconfig.json的新文件,其中包含以下默认的编译器选项:

bash 复制代码
target: es2016
module: commonjs
strict: true
esModuleInterop: true
skipLibCheck: true
forceConsistentCasingInFileNames: true
  • 在打开tsconfig.json文件后,您会看到许多其他被注释掉的编译器选项。在tsconfig.json中,compilerOptions是一个必填字段,需要指定。

    • 将rootDir和outDir设置为src和dist文件夹
json 复制代码
{
  "compilerOptions": {
    "outDir": "./dist"

    // other options remain same
  }
}

使用.ts扩展名创建一个Express服务器

创建一个名为index.ts的文件并打开它

typescript 复制代码
import express, { Express, Request, Response , Application } from 'express';
import dotenv from 'dotenv';

//For env File 
dotenv.config();

const app: Application = express();
const port = process.env.PORT || 8000;

app.get('/', (req: Request, res: Response) => {
  res.send('Welcome to Express & TypeScript Server');
});

app.listen(port, () => {
  console.log(`Server is Fire at http://localhost:${port}`);
});

监听文件更改并构建目录

bash 复制代码
npm install  nodemon

安装这些开发依赖项后,更新package.json文件中的脚本:

bash 复制代码
{

  "scripts": {
    "build": "npx tsc",
    "start": "node dist/index.js",
    "dev": "nodemon index.ts"
  }
}

运行代码

bash 复制代码
npm run dev 

如果一切正常,您将在控制台中看到以下消息:

Server is Fire at http://localhost:8000

相关推荐
墨菲安全3 小时前
NPM组件 betsson 等窃取主机敏感信息
前端·npm·node.js·软件供应链安全·主机信息窃取·npm组件投毒
csdn_aspnet13 小时前
Node.js 使用 WebSockets 和 Socket.IO 实现实时聊天应用程序
node.js
whhhhhhhhhw17 小时前
Node.js核心API(fs篇)
node.js
聪聪的学习笔记17 小时前
【1】确认安装 Node.js 和 npm版本号
前端·npm·node.js
摸鱼仙人~17 小时前
如何创建基于 TypeScript 的 React 项目
javascript·react.js·typescript
GDAL1 天前
Node.js v22.5+ 官方 SQLite 模块全解析:从入门到实战
数据库·sqlite·node.js
RunsenLIu1 天前
基于Vue.js + Node.js + MySQL实现的图书销售管理系统
vue.js·mysql·node.js
Allen_zx1 天前
Elpis - 基于 Koa + Vue3 的企业级全栈应用框架
node.js
鹏程1 天前
局域网下五子棋,html+node.js实现
node.js·html
爱分享的程序员1 天前
前端面试专栏-算法篇:17. 排序算法
前端·javascript·node.js