javascript - VS Code 中打字稿代码中的热重载

Question

// Immediately invoked function Expression (IIFE_)

var message= "Hello World";


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

以上是我使用打字稿在 VS 代码中编写的代码。我在线阅读了关于热重载的概念，其中您基本上可以对部分代码进行更改并查看对它的更改，而无需从起点重新加载它。我希望能够通过使用 VSCode 在 TypeScript 中制作的一个非常简单的程序来做到这一点。

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

有人可以告诉我我错过了什么，因为我不知道如何继续，我需要什么设置来开始这个热重载？

Answer 1

usingtsc --watch只是重新编译文件而不运行它们。所以要运行它，使用另一个包，ts-watch它在监视模式下启动编译器观察输出并运行命令。

此链接将很有帮助

您可以使用 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

结果：