跳到主要内容

ts-node

一、初始化项目​

npm init -y

二、安装依赖​

  • @types/node: 用于声明Node.js文件
  • typescript:
  • ts-node: ts-node让node能直接运行typescript 文件,无需使用tsc命令。
  • nodemon: nodemon可以自动检测到目录中的文件更改时通过重新启动应用程序来调试基于 node.js 的应用程序。
npm install @types/node typescript ts-node nodemon -D

三、配置命令​

  • 初始化 typescript.json 配置文件: tsc -init

  • 通过 tsc nodemon 自动化运行 typescript 文件: nodemon --watch src/ -e ts --exec ts-node ./src/index.ts

    • nodemon --watch src/ 表示检测目录是 package.json 同级目录 src
    • -e ts 表示 nodemon 命令准备将要监听的是 .ts 后缀的文件
    • --exec ts-node ./src/index.ts 表示检测到 src 目录下有任何变化都要重新执行 index.ts 文件
"scripts": {
  "init:tsc": "tsc --init",
  "dev:tsNode": "nodemon --watch src/ -e ts --exec ts-node ./src/index.ts",
}

四、修改 package.json 配置​

  • 修改outDir配置
  • 修改rootDir配置
{
  "compilerOptions": {
    "target": "es2016",                                 
    "module": "commonjs",                                
    "outDir": "./build",   
    "rootDir": "./src",                              
    "esModuleInterop": true,                            
    "forceConsistentCasingInFileNames": true,            
    "strict": true,                                      
    "skipLibCheck": true                                
  },
}

五、根据配置项，创建对应调试文件​

  • 创建src/index.ts