Node.js配置Typescript自动编译

我们使用Node.js编译运行typescript,通常是以下两个命令

复制代码
tsc app.ts
node app.js

这种方式很繁琐,下面分享给大家自动编译typescript的方法。

  1. 初始化一个新项目:
bash 复制代码
mkdir tsdemo
cd tsdemo

npm init -y //生成package.json
  1. 安装 TypeScript 和 nodemon
bash 复制代码
npm install --save-dev typescript nodemon
  1. 创建一个 TypeScript 配置文件
bash 复制代码
npx tsc --init

4.使用 ts-node: ts-node 是一个可以直接运行 TypeScript 代码的工具

bash 复制代码
npm install --save-dev ts-node

5.修改 package.json: 在 package.json 中的 scripts 字段添加以下命令,以使用 nodemon 自动检测 TypeScript 文件的变化并重新编译并运行:

bash 复制代码
"scripts": {
  "start": "nodemon --exec ts-node src/index.ts" //src/index.ts是入口文件,可以修改为自己的
}

5.运行项目: 使用以下命令启动项目,nodemon 将会监听文件变化并自动编译和重新启动

bash 复制代码
npm start

ts文件如果有修改,保存后就能自动编译和运行,不需要再输任何命令,如下:

相关推荐
还有多久拿退休金25 分钟前
一个 var 让整个团队加班到凌晨——JS 闭包的那些暗坑
前端·javascript
weedsfly25 分钟前
用了 React/Vue 之后,这些 DOM 操作的坑你踩过几个?
前端·javascript
Asize28 分钟前
Ajax 入门:从 JSON 序列化到 XMLHttpRequest
前端·javascript·前端框架
铁皮饭盒1 小时前
@kognitivedev/rag, 用js做AI Agent开发
javascript·后端
kyriewen13 小时前
别再 console.log 了:5 个 Chrome DevTools 调试技巧,用过就回不去了
前端·javascript·面试
To_OC15 小时前
LC 1 两数之和:面试第一道必考题,暴力解法直接被面试官 pass
javascript·算法·leetcode
GuWenyue17 小时前
排序效率低?5分钟吃透快速排序,性能飙升至O(nlogn)
前端·javascript·面试
叁两17 小时前
前端转型AI Agent该如何学习?(前置篇)
前端·人工智能·node.js
何时梦醒17 小时前
深入理解递归与快速排序 —— 从基础入门到手写实现
前端·javascript
bonechips17 小时前
LLM 的无状态:从 HTTP 协议到对话上下文工程
前端·javascript