在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 小时前
Flutter 框架跨平台鸿蒙开发 - 打造安全可靠的密码生成器,支持强度检测与历史记录
flutter·华为·typescript·harmonyos
20年编程老鸟java+ai全栈5 小时前
零基础搞定开发环境:PHP + Node.js + MongoDB + Python 一键安装全攻略
python·mongodb·node.js·php
南村群童欺我老无力.6 小时前
Flutter 框架跨平台鸿蒙开发 - 开发二维码生成器与扫描器
flutter·华为·typescript·harmonyos
ggaofeng10 小时前
实践NPM打包和使用
前端·npm·node.js
1telescope10 小时前
MacBook 安装 nvm 管理 Node.js 多版本教程
macos·node.js
ggaofeng10 小时前
理解npm的原理
前端·npm·node.js
VT.馒头13 小时前
【力扣】2637. 有时间限制的 Promise 对象
前端·javascript·leetcode·typescript
VT.馒头13 小时前
【力扣】2631. 分组
javascript·算法·leetcode·typescript
yyt3630458411 天前
TypeScript { [key: string]: unknown } 索引签名写法和 Record 替代
前端·javascript·vue.js·typescript·ecmascript·es6
前端小趴菜051 天前
TypeScript
前端·typescript