Налагодження Node.js за допомогою налагоджувача Chrome DevTools

Налагоджувач Chrome DevTools

Нова підтримка Chrome DevTools для налагодження Node.js була запущена в головній версії Node.js у травні.
Ви можете побачити це в дії в'Google I/O talk на DevTools але ви також можете спробувати це самі, відразу.
Ходімо...
ISA

Установка: кроки

1. Завантажте та встановіть поточна версія node
Ви можете встановіть його вручну, або скористайтеся nvm, щоб встановити останню версію: вузол встановлення nvm
2. Запустіть його з прапорцем –inspect
▸ вузол – перевірка index.js
Ви також можете зламати перше оголошення сценарію за допомогою –debug-brk.
▸ node –inspect –debug-brk index.js
3. Відкрийте надану URL-адресу
У вас буде URL-адреса, яка починається з «chrome-devtools://..», яку потрібно скопіювати/вставити в Chrome.
Тоді ви матимете всі функції Chrome DevTools, які ви звикли використовувати, а саме:

  • Повне налагодження точки зупинки, степінг із чорним боксом
  • Вихідні карти для транспільованого коду
  • LiveEdit: оцінка гарячої заміни JavaScript із V8
  • Оцінка консолі з підтримкою функцій/об’єктів ES6 та нестандартне форматування об'єкта
  • Вибірковий профайлер JavaScript із діаграмою полум’я
  • Перевірка знімків купи, часова шкала розподілу купи, профіль розподілу
  • Асинхронні стеки для рідних обіцянок

Тепер твоя черга!!!
Оригінальна стаття оригінальний переклад Ізабель де Карвальо, JS-гуманіст і співзасновник
[separator type=”” size=”” icon=”star”] [actionbox color=”default” title=”” description=”JS-REPUBLIC – сервісна компанія, що спеціалізується на розробці JavaScript. Ми є затвердженим навчальним центром. Знайдіть всю нашу технічну підготовку на нашому партнерському сайті, присвяченому навчанню” btn_label=”Наше навчання” btn_link=”http://training.ux-republic.com” btn_color=”primary” btn_size=”big” btn_icon=”star” btn_external =”1″]