From 62b005d63d27fcb5a3de236da6cc1b6019e3648e Mon Sep 17 00:00:00 2001 From: Ivan Bochkarev Date: Sun, 30 Jun 2024 14:58:12 +0600 Subject: [PATCH 1/5] =?UTF-8?q?feat(docs)=20=D0=9F=D0=B5=D1=80=D0=B5=D0=B2?= =?UTF-8?q?=D0=BE=D0=B4=20Nuxt=202:=20From=20Terminal=20to=20Browser?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../9.nuxtjs-from-terminal-to-browser.md | 42 +++++++++---------- 1 file changed, 21 insertions(+), 21 deletions(-) diff --git a/content/7.blog/9.nuxtjs-from-terminal-to-browser.md b/content/7.blog/9.nuxtjs-from-terminal-to-browser.md index 47f19defd..1bc247085 100644 --- a/content/7.blog/9.nuxtjs-from-terminal-to-browser.md +++ b/content/7.blog/9.nuxtjs-from-terminal-to-browser.md @@ -1,6 +1,6 @@ --- -title: 'Nuxt 2: From Terminal to Browser' -description: How we changed the developer experience to stop switching between the terminal and browser. +title: 'Nuxt 2: От терминала к браузеру' +description: Как мы изменили опыт разработки, чтобы перестать переключаться между терминалом и браузером. image: /assets/blog/nuxt-from-terminal-to-browser.png date: 2019-06-03 authors: @@ -11,40 +11,40 @@ authors: category: Релиз --- -> Nuxt is a Vue.js framework to create different kind of web applications with the **same directory structure & conventions**: Universal, Single Page, PWA or Static Generated. +> Nuxt - это фреймворк Vue.js для создания различных типов веб-приложений с **одной и той же структурой директорий и соглашениями**: универсальные, одностраничные, PWA или статически генерируемые. -_ℹ️ These features are all available with [v2.8.0 release](https://github.com/nuxt/nuxt.js/releases/tag/v2.8.0)._ +_ℹ️ Все эти функции доступны с [релизом v2.8.0](https://github.com/nuxt/nuxt.js/releases/tag/v2.8.0)._ -## [](#problems)Problems +## Проблемы {#problems} -1. Developing JavaScript applications with Webpack or any bundler requires to switch between your browser and terminal for debugging purpose. -2. Using `console.log` to debug when the app is server rendered requires to remember that logs will be displayed on the terminal when refreshing the page. +1. Разработка JavaScript-приложений с помощью Webpack или любого другого бандлера требует переключения между браузером и терминалом для отладки. +2. Использование `console.log` для отладки при серверном рендеринге приложения требует помнить, что лог будет отображаться в терминале при обновлении страницы. -## [](#solutions)Solutions +## Решения {#solutions} -1. Forwarding Webpack build state right in the browser and display them in a fancy manner. +1. Передача состояния сборки Webpack прямо в браузер и отображение их в красивом виде. -![foward-webpack-build-state](https://res.cloudinary.com/practicaldev/image/fetch/s--1u6wSHPt--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/904724/58880743-ec7a3280-86d8-11e9-8856-8d9d22b89b70.gif) + ![foward-webpack-build-state](https://res.cloudinary.com/practicaldev/image/fetch/s--1u6wSHPt--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/904724/58880743-ec7a3280-86d8-11e9-8856-8d9d22b89b70.gif) -2. Same for Hot Module Replacement (really useful when the project gets bigger and takes more time to re-build). +2. То же самое можно применить к Hot Module Replacement (HMR) (очень полезно, когда проект становится большим и требует больше времени на пересборку). -![nuxt-build-indicator-hmr](https://res.cloudinary.com/practicaldev/image/fetch/s--faVtF222--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/904724/58547105-129a6100-8207-11e9-9c61-a93956a17727.gif) + ![nuxt-build-indicator-hmr](https://res.cloudinary.com/practicaldev/image/fetch/s--faVtF222--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/904724/58547105-129a6100-8207-11e9-9c61-a93956a17727.gif) -3. Forwarding SSR logs to the browser in development mode +3. Передача логов серверного рендеринга (SSR) в браузер в режиме разработки. -![nuxt-ssr-logs-forwarding](https://res.cloudinary.com/practicaldev/image/fetch/s--bwQ8iEq2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/904724/58566291-a3396700-8230-11e9-9dd6-09c3ff8578d2.gif) + ![nuxt-ssr-logs-forwarding](https://res.cloudinary.com/practicaldev/image/fetch/s--bwQ8iEq2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/904724/58566291-a3396700-8230-11e9-9dd6-09c3ff8578d2.gif) -## [](#nuxtjs-vision)Nuxt Vision +## Видение Nuxt {#nuxtjs-vision} -The purpose to these changes is to use the terminal for commands only. +Цель этих изменений заключается в том, чтобы использовать терминал только для команд. -Now you can focus right on your code and its visual result 🙂 +Теперь вы можете сосредоточиться именно на своем коде и его визуальном результате 🙂 -> Be lazy, be smart, be Nuxt. +> Будьте ленивыми, будьте умными, будьте Nuxt. -Links: +Ссылки: -- Nuxt 2 docs: [https://v2.nuxt.com](https://v2.nuxt.com) +- Nuxt 2 документация: [https://v2.nuxt.com](https://v2.nuxt.com) - GitHub: [https://github.com/nuxt/nuxt.js](https://github.com/nuxt/nuxt.js) -- Loading Screen source code: [https://github.com/nuxt/loading-screen](https://github.com/nuxt/loading-screen) +- Исходный код загрузочного экрана: [https://github.com/nuxt/loading-screen](https://github.com/nuxt/loading-screen) - Twitter: [https://twitter.com/nuxt_js](https://twitter.com/nuxt_js) From d3475907e68dba1eb2f95fa8cb0d6899a844774f Mon Sep 17 00:00:00 2001 From: Bochkarev Ivan Date: Sun, 30 Jun 2024 15:11:55 +0600 Subject: [PATCH 2/5] Update content/7.blog/9.nuxtjs-from-terminal-to-browser.md Co-authored-by: Artem <90565172+Hekikai@users.noreply.github.com> --- content/7.blog/9.nuxtjs-from-terminal-to-browser.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/7.blog/9.nuxtjs-from-terminal-to-browser.md b/content/7.blog/9.nuxtjs-from-terminal-to-browser.md index 1bc247085..1b11a6326 100644 --- a/content/7.blog/9.nuxtjs-from-terminal-to-browser.md +++ b/content/7.blog/9.nuxtjs-from-terminal-to-browser.md @@ -32,7 +32,7 @@ _ℹ️ Все эти функции доступны с [релизом v2.8.0] 3. Передача логов серверного рендеринга (SSR) в браузер в режиме разработки. - ![nuxt-ssr-logs-forwarding](https://res.cloudinary.com/practicaldev/image/fetch/s--bwQ8iEq2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/904724/58566291-a3396700-8230-11e9-9dd6-09c3ff8578d2.gif) +![nuxt-ssr-logs-forwarding](https://res.cloudinary.com/practicaldev/image/fetch/s--bwQ8iEq2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/904724/58566291-a3396700-8230-11e9-9dd6-09c3ff8578d2.gif) ## Видение Nuxt {#nuxtjs-vision} From 0d14600043811d44e0e466e1601b194b3257d842 Mon Sep 17 00:00:00 2001 From: Bochkarev Ivan Date: Sun, 30 Jun 2024 15:12:00 +0600 Subject: [PATCH 3/5] Update content/7.blog/9.nuxtjs-from-terminal-to-browser.md Co-authored-by: Artem <90565172+Hekikai@users.noreply.github.com> --- content/7.blog/9.nuxtjs-from-terminal-to-browser.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/7.blog/9.nuxtjs-from-terminal-to-browser.md b/content/7.blog/9.nuxtjs-from-terminal-to-browser.md index 1b11a6326..bacea03d2 100644 --- a/content/7.blog/9.nuxtjs-from-terminal-to-browser.md +++ b/content/7.blog/9.nuxtjs-from-terminal-to-browser.md @@ -24,7 +24,7 @@ _ℹ️ Все эти функции доступны с [релизом v2.8.0] 1. Передача состояния сборки Webpack прямо в браузер и отображение их в красивом виде. - ![foward-webpack-build-state](https://res.cloudinary.com/practicaldev/image/fetch/s--1u6wSHPt--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/904724/58880743-ec7a3280-86d8-11e9-8856-8d9d22b89b70.gif) +![foward-webpack-build-state](https://res.cloudinary.com/practicaldev/image/fetch/s--1u6wSHPt--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/904724/58880743-ec7a3280-86d8-11e9-8856-8d9d22b89b70.gif) 2. То же самое можно применить к Hot Module Replacement (HMR) (очень полезно, когда проект становится большим и требует больше времени на пересборку). From e7f1773e7d561312713ebf3a2e9392743ac5aa09 Mon Sep 17 00:00:00 2001 From: Bochkarev Ivan Date: Sun, 30 Jun 2024 15:12:05 +0600 Subject: [PATCH 4/5] Update content/7.blog/9.nuxtjs-from-terminal-to-browser.md Co-authored-by: Artem <90565172+Hekikai@users.noreply.github.com> --- content/7.blog/9.nuxtjs-from-terminal-to-browser.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/7.blog/9.nuxtjs-from-terminal-to-browser.md b/content/7.blog/9.nuxtjs-from-terminal-to-browser.md index bacea03d2..dcd77f610 100644 --- a/content/7.blog/9.nuxtjs-from-terminal-to-browser.md +++ b/content/7.blog/9.nuxtjs-from-terminal-to-browser.md @@ -28,7 +28,7 @@ _ℹ️ Все эти функции доступны с [релизом v2.8.0] 2. То же самое можно применить к Hot Module Replacement (HMR) (очень полезно, когда проект становится большим и требует больше времени на пересборку). - ![nuxt-build-indicator-hmr](https://res.cloudinary.com/practicaldev/image/fetch/s--faVtF222--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/904724/58547105-129a6100-8207-11e9-9c61-a93956a17727.gif) +![nuxt-build-indicator-hmr](https://res.cloudinary.com/practicaldev/image/fetch/s--faVtF222--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/904724/58547105-129a6100-8207-11e9-9c61-a93956a17727.gif) 3. Передача логов серверного рендеринга (SSR) в браузер в режиме разработки. From 008ae18afdb4fba859bd9b6baf5d588043f61eb7 Mon Sep 17 00:00:00 2001 From: Ivan Bochkarev Date: Sun, 30 Jun 2024 15:57:22 +0600 Subject: [PATCH 5/5] =?UTF-8?q?feat(docs)=20=D0=9F=D0=B5=D1=80=D0=B5=D0=B2?= =?UTF-8?q?=D0=BE=D0=B4=20Nuxt=202:=20From=20Terminal=20to=20Browser?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/7.blog/9.nuxtjs-from-terminal-to-browser.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/content/7.blog/9.nuxtjs-from-terminal-to-browser.md b/content/7.blog/9.nuxtjs-from-terminal-to-browser.md index dcd77f610..385154d0a 100644 --- a/content/7.blog/9.nuxtjs-from-terminal-to-browser.md +++ b/content/7.blog/9.nuxtjs-from-terminal-to-browser.md @@ -15,12 +15,12 @@ category: Релиз _ℹ️ Все эти функции доступны с [релизом v2.8.0](https://github.com/nuxt/nuxt.js/releases/tag/v2.8.0)._ -## Проблемы {#problems} +## [](#problems)Проблемы 1. Разработка JavaScript-приложений с помощью Webpack или любого другого бандлера требует переключения между браузером и терминалом для отладки. 2. Использование `console.log` для отладки при серверном рендеринге приложения требует помнить, что лог будет отображаться в терминале при обновлении страницы. -## Решения {#solutions} +## [](#solutions)Решения 1. Передача состояния сборки Webpack прямо в браузер и отображение их в красивом виде. @@ -34,7 +34,7 @@ _ℹ️ Все эти функции доступны с [релизом v2.8.0] ![nuxt-ssr-logs-forwarding](https://res.cloudinary.com/practicaldev/image/fetch/s--bwQ8iEq2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/904724/58566291-a3396700-8230-11e9-9dd6-09c3ff8578d2.gif) -## Видение Nuxt {#nuxtjs-vision} +## [](#nuxtjs-vision)Видение Nuxt Цель этих изменений заключается в том, чтобы использовать терминал только для команд.