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

相关推荐
lcc18726 分钟前
Typescript 类型
typescript
爱吃无爪鱼30 分钟前
05-JavaScript/TypeScript 项目结构完全解析
javascript·react.js·typescript·前端框架·npm·html·sass
程序员爱钓鱼34 分钟前
Node.js 编程实战:安装 Node.js 与 npm / yarn
后端·node.js·trae
程序员爱钓鱼39 分钟前
Node.js 编程实战:配置开发环境
后端·node.js·trae
呲溜滑_1 小时前
langchain(node.js) 实际应用订单助手
microsoft·langchain·node.js
H0r1zon.1 小时前
MarkdownOnline多人协作编辑器
typescript·crdt
一字白首1 小时前
Node.js+Vue 联动,Vue 快速上手:基础学习
vue.js·学习·node.js
GISer_Jing1 小时前
深入解析Node.js中间件:从Express到Nest
中间件·node.js·express
爱吃无爪鱼1 小时前
02-前端开发核心概念完全指南
css·vue.js·前端框架·npm·node.js·sass
本妖精不是妖精1 小时前
在 CentOS 7 上部署 Node.js 18 + Claude Code
linux·python·centos·node.js·claudecode