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

相关推荐
你真的可爱呀1 小时前
3.MySQL 数据库集成
mysql·node.js·express
你真的可爱呀2 小时前
4.前后端联调(Vue3+Vite + Express + MySQL)
mysql·node.js·vue·express
weixin_462446232 小时前
【原创实践】Node.js 动态生成 SVG 项目规划纸模板 高仿 纸由我 PaperMe
node.js·生成纸张
PAQQ3 小时前
ubuntu22.04 搭建 Opencv & C++ 环境
前端·webpack·node.js
行走的陀螺仪13 小时前
高级前端 Input 公共组件设计方案(Vue3 + TypeScript)
前端·javascript·typescript·vue·组件设计方案
程序员爱钓鱼14 小时前
Node.js 编程实战:路由处理原理与实践
后端·node.js·trae
Lucky_Turtle14 小时前
【Node】npm install报错npm error Cannot read properties of null (reading ‘matches‘)
前端·npm·node.js
by__csdn18 小时前
微前端架构:从理论到实践的全面解析
前端·javascript·vue.js·架构·typescript·vue·ecmascript
聊天QQ:2769988518 小时前
基于线性自抗扰(LADRC)的无人船航向控制系统Simulink/Matlab仿真工程探索
node.js
不会写DN1 天前
JavaScript call、apply、bind 方法解析
开发语言·前端·javascript·node.js