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

相关推荐
理想不理想v6 小时前
webpack最基础的配置
前端·webpack·node.js
南城巷陌8 小时前
JWT认证机制在Node.js中的详细阐述
node.js·jwt认证机制·前端安全认证
理想不理想v10 小时前
node.js的简单示例
node.js
yrldjsbk10 小时前
使用Node.js搭配express框架快速构建后端业务接口模块Demo
node.js·express
维李设论10 小时前
Node.js的Web服务在Nacos中的实践
前端·spring cloud·微服务·eureka·nacos·node.js·express
CodeChampion12 小时前
60.基于SSM的个人网站的设计与实现(项目 + 论文)
java·vue.js·mysql·spring·elementui·node.js·mybatis
Domain-zhuo12 小时前
如何利用webpack来优化前端性能?
前端·webpack·前端框架·node.js·ecmascript
理想不理想v12 小时前
webpack如何自定义插件?示例
前端·webpack·node.js
一條狗15 小时前
隨筆 20241224 ts寫入excel表
开发语言·前端·typescript