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

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

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

Проблемы

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

Решения

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

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

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

Видение Nuxt

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

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

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

Ссылки:

• Nuxt 2 документация: https://v2.nuxt.com
• GitHub: https://github.com/nuxt/nuxt.js
• Исходный код загрузочного экрана: https://github.com/nuxt/loading-screen
• Twitter: https://twitter.com/nuxt_js