Дебажим JavaScript код. - NashaLeptaChallenge/nasha_lepta GitHub Wiki

Программист, имхо, в первую очередь исследователь. Не всегда, программа работает, так как должна рабо тать или так, как описывают, что она должна рабо тать. По этому дебаг имхо, очень важный навык. Попробуйте продебажить код, например nlArticle.js:

  1. Запустите грантом проект локально - serve
  2. Настройте в WebStorm конфигурацию дебага: debugconfig Или из меню Run debugconfigwindow a. URL такой, на котором хранится наш локальный сервер b. Выберите папку public c. Сохраните конфигурацию
  3. Поставьте точку останова в nlArticle.js
  4. Запустите конфигурацию в debug mode
  5. Проверьте совпадают ли порты в JetBrains IDE plugin и в запущеной конфигурации debug mode. Настройте плагин, если нет.
  6. Сайт должен перестать загружаться, когда дойдёт до точки останова.
  7. Просмотрите переменные, их "внутренности".
  8. Поставьте следующую точку останова. Проскочите от текущей сразу к следующей.
  9. Походите пошагово.
  10. А зачем там калькулятор во вкладке дебага?..

Видеообзор дебага в WebStorm -

Видеообзор дебага в WebStorm

FAQ тут - https://github.com/NashaLeptaChallenge/nasha_lepta/issues/6