Узнайте, как настроить TypeScript и Nodemon, чтобы повысить вашу продуктивность и с легкостью разрабатывать!

Настройка TypeScript и Nodemon иногда может быть сложной задачей, в этой статье я покажу вам, как легко настроить TypeScript и Nodemon!

Найдите полный исходный код этой статьи в этом репозитории на github.

Создать образец проекта

Начнем с создания образца проекта, мы сделаем это, запустив:

mkdir typescript-nodemon-ultimate-setup

Затем создайте минимальный пакет npm, запустив:

npm init -y or yarn init -y

Примечание: для уменьшения многословности в оставшейся части статьи я буду использовать npm и опускать команды yarn

Добавьте необходимые зависимости:
npm i -D typescript ts-node nodemon @types/node

Инициализируйте TypeScript, запустив npx tsc --init

Наконец, нам нужен исходный код для работы, поэтому давайте создадим src/index.ts файл, содержащий следующий TypeScript:

Добавление Nodemon

Nodemon можно настроить разными способами, я собираюсь настроить его с помощью файла json, добавив nodemon.json в корневую папку нашего проекта:

Пройдемся по настройке:

  • restartable - команда, которую мы можем использовать для перезапуска программы вручную
  • ignore - список файлов, при изменении которых мы не хотим запускать перезапуск программы
  • watch - список путей, по которым мы хотим запустить перезапуск программы при изменении
  • execMap - отображение между типом / расширением файла во время выполнения
  • env - переменные среды для включения
  • ext - расширения файлов Nodemon monitores

Чтобы запустить и отладить нашу установку, добавьте два сценария в package.json файл:

Обратите внимание, что сценарий dev:debug добавляет флаг --inspect-brk, это указывает узлу остановить выполнение программы, пока не будет подключен отладчик, его можно заменить на флаг
--inspect для отладки без остановки.

Теперь мы можем запустить нашу программу с npm run dev, попробуйте что-то изменить, чтобы увидеть, как программа запускается повторно с обновленным кодом!

Отладка с VSCode

Последний фрагмент этой головоломки - добавление конфигурации отладки VSCode.

Создайте .vscode/launch.json файл, содержащий следующую конфигурацию:

Теперь, когда мы запускаем nodemon npm run dev:debug, и программа останавливается, пока мы к нему не подключимся:

После присоединения VSCode остановится на первой строке кода, и вы сможете легко отлаживать свою программу!