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

相关推荐
萌萌哒草头将军2 小时前
Node.js 存在多个严重安全漏洞!官方建议尽快升级🚀🚀🚀
vue.js·react.js·node.js
这个图像胖嘟嘟2 小时前
前端开发的基本运行环境配置
开发语言·javascript·vue.js·react.js·typescript·npm·node.js
kk晏然3 小时前
TypeScript 错误类型检查,前端ts错误指南
前端·react native·typescript·react
前端付豪5 小时前
必知Node应用性能提升及API test 接口测试
前端·react.js·node.js
王同学 学出来6 小时前
vue+nodejs项目在服务器实现docker部署
服务器·前端·vue.js·docker·node.js
源猿人6 小时前
使用 Node.js 批量下载全国行政区 GeoJSON(含省级 + 地级市)
node.js
VT.馒头6 小时前
【力扣】2622. 有时间限制的缓存
javascript·算法·leetcode·缓存·typescript
_Kayo_9 小时前
Node.JS 学习笔记7
笔记·学习·node.js
程序员爱钓鱼11 小时前
Node.js 编程实战:博客系统 —— 用户注册登录与文章管理
前端·后端·node.js
晴栀ay11 小时前
JS的超集——TypeScript
前端·react.js·typescript