Узнайте, как настроить 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 остановится на первой строке кода, и вы сможете легко отлаживать свою программу!