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

相关推荐
Anjgst1 小时前
淘宝 NPM 镜像源
前端·npm·node.js
可可可可可人2 小时前
Node.js 23 发布了!
node.js
鸠摩智首席音效师2 小时前
Node.js 中如何实现延迟和超时 ?
node.js
天草二十六_简村人4 小时前
jenkins用户在执行scp的时候如何做免密登录
运维·ci/cd·node.js·jenkins·php·devops
我也有在努力4 小时前
解决Electron拖拽窗口点击事件失效问题
前端·javascript·vue.js·typescript·electron·vue
理想不理想v7 小时前
【经典】 webpack打包流程及原理?
java·前端·javascript·vue.js·webpack·node.js
跟我很快乐8 小时前
原生微信小程序封装request
http·微信小程序·typescript
ljh57464911918 小时前
Node.js 和 Express 搭建一个简单的 Web 应用程序
node.js
江河湖海19 小时前
2. 用JavaScript和Node.js实现一个简单的聊天应用
开发语言·javascript·node.js