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文件如果有修改,保存后就能自动编译和运行,不需要再输任何命令,如下:

相关推荐
console.log('npc')21 分钟前
问题跟踪与知识沉淀:从任务到知识的闭环)
前端·javascript·人工智能
missile11142 分钟前
# HDR 算法 ISP 通路客制化方案(G100 / mt6789)
java·前端·javascript
SEO_juper1 小时前
Bash 交叉验证 robots.txt 和 sitemap:两个文件自相矛盾,页面永远收录不了
开发语言·python·node.js·json·bash
挖掘狂人1 小时前
Vue nextTick 到底在等什么?一篇讲透原理与那些年踩过的坑
javascript·程序员·编程语言
万少1 小时前
Harmony 7.0 这个skill帮你自动化操作AGC
前端·javascript·后端
小大宇1 小时前
Vue知识点-ElementPlus-02图标
前端·javascript·vue.js
SEO_juper2 小时前
Go 站点地图生成器:从首页爬全站,一键生成 sitemap.xml
xml·开发语言·人工智能·golang·node.js·seo·外贸独立站
谙忆10243 小时前
图像任务超时怎么重试:先分执行状态,再做结果验收
javascript
米米商聊13 小时前
同名附件为什么被 Map 覆盖?重复键与一对多索引
前端·javascript
Moshow郑锴15 小时前
Ansible 批量部署 Node.js 服务:ZIP 直解与共享目录分发两种方案对比
node.js·ansible