Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(docs) Перевод Nuxt 2: From Terminal to Browser #52

Merged
merged 5 commits into from
Jun 30, 2024
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
36 changes: 18 additions & 18 deletions content/7.blog/9.nuxtjs-from-terminal-to-browser.md
Original file line number Diff line number Diff line change
@@ -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:
Expand All @@ -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)

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)

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)

## [](#nuxtjs-vision)Nuxt Vision
## [](#nuxtjs-vision)Видение Nuxt

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)
Loading