在 VS 代码中热重载打字稿代码

Question

// Immediately invoked function Expression (IIFE_)

var message= "Hello World";


(function pro(msg: string): void{
    console.log(`The message is: ${msg}!`);
})(message);

以上是我用typescript在VS code中写的代码。我在网上阅读了热重载的概念，其中您基本上可以对部分代码进行更改并查看更改，而无需从起点重新加载。我希望能够使用 VSCode.

在 TypeScript 中制作一个非常简单的程序来做到这一点

我想要的是改变我的代码，例如我更改了 console.log() 函数中的文本，结果立即反映在终端中，而无需将 TS 代码重新编译为 JS

谁能告诉我我错过了什么，因为我不知道如何继续，我需要进行哪些设置才能开始热重载？

Answer 1

使用 tsc --watch 只是重新编译文件，而不是运行。因此运行它使用另一个包 ts-watch 以监视模式启动编译器观察输出和运行s 命令。

这个Link会很有帮助

您可以使用 npm 启动编译器

{
  "scripts": {  
      "start": "tsc-watch --onsuccess \"node dist/index.js\""  
   },
}

Answer 2

因为您还没有使用过任何类型的包管理，看起来您才刚刚起步

您可以全局安装 ts-node-dev 包

npm install -g ts-node-dev

然后你就可以从命令行运行 ts-node-dev

安装后

您可以运行在您编写代码的文件夹中执行此命令

ts-node-dev --respawn .\HelloWorld.ts

或者干脆 tsnd --respawn .\HelloWorld.ts

结果：

在 VS 代码中热重载打字稿代码

Hot reloading in typescript code in VS Code

javascript

typescript

visual-studio-code

reloading