Настройка PIXI.js с Typescript и живым сервером

#javascript #node.js #typescript #visual-studio-code #pixi.js

Вопрос:

Итак, вопрос новичка. В настоящее время у меня есть проект, выполненный на простом Javascript с PIXI.js однако я не получаю аннотации типов или Intellisense в моей среде разработки vscode. Я импортирую библиотеку, как показано в руководстве.

 <script src="https://pixijs.download/release/pixi.js"></script>
 

Затем я открываю HTML-файл с помощью Live Server.

Мой код начинает увеличиваться в размерах и по понятным причинам, и я хочу иметь intellisense в своем коде и аннотации типов. Я также хочу перенести весь свой код на TypeScript, но я не хочу вручную компилировать все свои .ts файлы каждый раз, когда я вношу изменения. Каков наилучший способ настроить это?

Комментарии:

1. Если вы хотите серьезно заняться Pixi.js тогда, боюсь, вам придется окунуть пальцы в Машинопись. Но не волнуйтесь — это просто! Попробуйте этот отличный урок: pixijselementals.com/#getting-started , или эти шаблоны: github.com/pixijs/pixijs/wiki/v5-Boilerplate или github.com/miltoncandelero/HelloPixi

2. «Я не хочу вручную компилировать все мои файлы .ts каждый раз, когда я вношу изменения. ` — вы можете настроить так называемую «горячую перезагрузку», и тогда вам не нужно вручную перестраивать свои файлы во время локальной разработки. Он должен автоматически перестроить ваши файлы после изменения в считанные секунды. В Интернете есть много документов о том, как настроить его с помощью Webpack или другого пакета (не обязательно связанного с pixi.js — только для js / node.js в целом).