NuxtJS: от терминала к браузеру

Или как мы изменили интерфейс разработчика, чтобы перестать переключаться между терминалом и браузером.

Nuxt.js - это фреймворк Vue.js для создания различных типов веб-приложений: универсальных, одностраничных, PWA или статических.

ℹ️ Все эти функции доступны в версии v2.8.0 release.

Проблемы

  1. Разработка приложений JavaScript с помощью Webpack или любого другого сборщика требует переключения между вашим браузером и терминалом для отладки.
  2. Использование console.log для отладки, когда приложение отображается на сервере, требует помнить, что журналы будут отображаться на терминале при обновлении страницы.

Решения

Пересылка состояний сборки Webpack прямо в браузере и их красивое отображение.

То же самое для горячей замены модуля (действительно полезно, когда проект становится больше и требуется больше времени для повторной сборки).

Пересылка журналов SSR в браузер в режиме разработки

NuxtJS Видение

Эти изменения предназначены для использования терминала только для команд.

Теперь вы можете сосредоточиться прямо на своем коде и его визуальном результате 🙂

Будь ленивым, будь умным, будь Nuxt.

Ссылки: