Learn Nuxt with a Collection of 100+ Tips!
Релиз·  

Nuxt 2: От терминала к браузеру

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

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

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

Проблемы

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

Решения

  1. Передача состояния сборки Webpack прямо в браузер и отображение их в красивом виде.

foward-webpack-build-state

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

nuxt-build-indicator-hmr

  1. Передача логов серверного рендеринга (SSR) в браузер в режиме разработки.

nuxt-ssr-logs-forwarding

Видение Nuxt

Цель этих изменений заключается в том, чтобы использовать терминал только для команд.

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

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

Ссылки:

← Вернуться к блогу