在Node.js中如何使用TypeScript

第一步:创建一个Node.js项目的package.json文件

js 复制代码
npm init -y

第二步:添加TypeScript、添加node.d.ts

js 复制代码
npm install typescript -D
npm install @types/node -D

第三步:初始化一个tsconfig.json文件

js 复制代码
npx tsc --init --rootDir src --outDir lib --esModuleInterop --resolveJsonModule --lib es6 dom --module commonjs

在项目根目录下创建一个tsconfig.json 配置文件,设置了一系列编译选项,配置TypeScript编译器将src目录中的TypeScript文件编译为JavaScript文件,并将它们输出到lib目录。同时,还配置了编译器以支持ECMAScript模块互操作性、解析JSON模块以及包含特定的库定义。

第四步:添加实时编译和运行

js 复制代码
npm i ts-node -D

第五步:添加nodemon,只要文件被改变,就会调用ts-node

js 复制代码
npm i nodemon -D

运行命令行显示:

当index.ts文件被编辑时,nodemon 将会重新运行命令ts-node
ts-node 将会通过tsconfig.json 和已经安装的TypeScript来自动编译。
ts-node通过Node.js运行输出JavaScript。

相关推荐
向上的车轮1 小时前
TypeORM ——TypeScript 生态的主流 ORM对比
javascript·typescript·typeorm
gCode Teacher 格码致知1 小时前
Javascript提高:Node.js readline 模块 完整使用教程
javascript·node.js
We་ct10 小时前
LeetCode 918. 环形子数组的最大和:两种解法详解
前端·数据结构·算法·leetcode·typescript·动态规划·取反
爱学习的程序媛14 小时前
【Web前端】Pinia状态管理详解
前端·vue.js·typescript
Wect16 小时前
React Hooks 核心原理
前端·算法·typescript
SuniaWang21 小时前
《Spring AI + 大模型全栈实战》学习手册系列· 专题二:《Milvus 向量数据库:从零开始搭建 RAG 系统的核心组件》
java·人工智能·分布式·后端·spring·架构·typescript
console.log('npc')21 小时前
partial在react接口定义中是什么意思
前端·javascript·typescript
小p1 天前
nodejs学习6:nodejs应用的优雅退出
node.js
码路飞1 天前
Electron 太胖了?试试 Electrobun,12MB 打包一个 AI 桌面助手
typescript·electron
小鲤鱼ya1 天前
vue3 + ts + uni-app 移动端封装图片上传添加水印
前端·typescript·uni-app·vue3