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

相关推荐
We་ct23 分钟前
LeetCode 151. 反转字符串中的单词:两种解法深度剖析
前端·算法·leetcode·typescript
踢球的打工仔4 小时前
typescript-接口的基本使用(一)
android·javascript·typescript
【赫兹威客】浩哥5 小时前
【赫兹威客】Node.js安装教程
node.js
前端达人5 小时前
为什么聪明的工程师都在用TypeScript写AI辅助代码?
前端·javascript·人工智能·typescript·ecmascript
EndingCoder6 小时前
属性和参数装饰器
java·linux·前端·ubuntu·typescript
晨欣8 小时前
pnpm vs npm 命令对照表
前端·npm·node.js
We་ct12 小时前
LeetCode 14. 最长公共前缀:两种解法+优化思路全解析
前端·算法·leetcode·typescript
奔跑的web.14 小时前
npm install发生了什么?
前端·npm·node.js
小二李14 小时前
Node.js工程师养成计划
node.js
技术钱1 天前
node+egg搭建管理系统后台
node.js