在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。

相关推荐
灰色人生qwer10 小时前
React + TypeScript+ Vite 配置路径别名和vscode智能路径提示
vscode·react.js·typescript
cv也要开心12 小时前
Cursor 开源平替 Cline 到底是如何实现的?本文带你刨根问底
前端·typescript·cursor
程序员老王wd18 小时前
node - gyp` 版本过低可能会和当前的 Node.js 版本不兼容
node.js
m0_7482556518 小时前
从零开始在Windows系统上搭建一个node.js后端服务项目
windows·node.js
田猿笔记18 小时前
Node.js 异步并发控制:`p-map` 和 `p-limit` 的使用与对比
开发语言·javascript·node.js
真的很上进19 小时前
【1.8w字深入解析】从依赖地狱到依赖天堂:pnpm 如何革新前端包管理?
java·前端·vue.js·python·webpack·node.js·reactjs
念九_ysl19 小时前
Node.js 版本与 npm 的关系及版本特性解析:从开源项目看演进
npm·开源·node.js
郁大锤21 小时前
NPM如何更换淘宝镜像——Node.js国内镜像配置教程
前端·npm·node.js
天马37981 天前
vue2老版本 npm install 安装失败_安装卡主
前端·npm·node.js·vue2
m0_748241121 天前
Node.js使用教程
node.js·编辑器·vim