Горячая перезагрузка машинописного кода в 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 с использованием машинописного текста. Я читал об этой концепции горячей перезагрузки в Интернете, где вы можете вносить изменения в часть своего кода и видеть изменения в нем без необходимости перезагружать его с начальной точки. Я хочу иметь возможность сделать это с помощью очень простой программы, созданной на TypeScript с использованием VSCode.

Я хочу, чтобы я внес изменения в свой код, например, я изменил текст внутри функции console.log () и результат немедленно отражается в терминале без необходимости повторно переносить код TS в JS

Может ли кто-нибудь сказать мне, что мне не хватает, поскольку я не знаю, как действовать, какие настройки мне нужно goto, чтобы запустить горячую перезагрузку?

Answer 1

Поскольку вы не использовали какое-либо управление пакетами и похоже, что вы только начинаете

Вы можете установить ts-node-dev пакет глобально

npm install -g ts-node-dev

Тогда вы сможете запустить ts-node-dev из командной строки

После установки

Вы можете запустить эту команду в папке, в которой вы пишете свой код

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

или просто tsnd --respawn .\HelloWorld.ts

Результат:

ts-node-dev смотреть результат

Answer 2

с использованием tsc --watch просто перекомпилирует файлы и не запускает их. Таким образом, для его запуска используется другой пакет ts-watch, который запускает компилятор в режиме наблюдения, наблюдает за выводом и запускает команду.

Эта Ссылка очень поможет

Вы можете запустить компилятор, используя npm

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