From e09aceb8fbc50b70291780e6af14d58cf91234f0 Mon Sep 17 00:00:00 2001 From: DreaMinder Date: Tue, 13 Oct 2020 16:10:25 +0300 Subject: [PATCH] Russian translation: Get started (#773) * add eng get-started section content * initial * initial * intial * initial * initial * initial * Translated directory-structure.md into Russian * Update content/ru/guides/get-started/directory-structure.md Co-authored-by: DreaMinder * Update content/ru/guides/get-started/directory-structure.md Co-authored-by: DreaMinder * Update content/ru/guides/get-started/directory-structure.md Co-authored-by: DreaMinder * Update content/ru/guides/get-started/directory-structure.md Co-authored-by: DreaMinder * Update content/ru/guides/get-started/directory-structure.md Co-authored-by: DreaMinder * Update content/ru/guides/get-started/directory-structure.md Co-authored-by: DreaMinder * home page translation chunk #1 * home page translation chunk #2 * Updated installation.md * Update content/ru/guides/get-started/installation.md Co-authored-by: DreaMinder * Update content/ru/guides/get-started/installation.md Co-authored-by: DreaMinder * Update content/ru/guides/get-started/installation.md Co-authored-by: DreaMinder * Update content/ru/guides/get-started/installation.md Co-authored-by: DreaMinder * Update content/ru/guides/get-started/installation.md Co-authored-by: DreaMinder * finish layout translation * Update i18n/ru-RU.js Co-authored-by: Ilya Artamonov * Update i18n/ru-RU.js Co-authored-by: Ilya Artamonov * Update i18n/ru-RU.js Co-authored-by: Ilya Artamonov * Update i18n/ru-RU.js Co-authored-by: Ilya Artamonov * Update i18n/ru-RU.js Co-authored-by: Ilya Artamonov * Update i18n/ru-RU.js Co-authored-by: Ilya Artamonov * Update i18n/ru-RU.js Co-authored-by: Ilya Artamonov * Update i18n/ru-RU.js Co-authored-by: Ilya Artamonov * Update i18n/ru-RU.js Co-authored-by: Ilya Artamonov * Update i18n/ru-RU.js Co-authored-by: Ilya Artamonov * Update i18n/ru-RU.js Co-authored-by: Ilya Artamonov * Update i18n/ru-RU.js Co-authored-by: Ilya Artamonov * Update i18n/ru-RU.js Co-authored-by: Ilya Artamonov * Update i18n/ru-RU.js Co-authored-by: Ilya Artamonov * Update i18n/ru-RU.js Co-authored-by: Ilya Artamonov * Update i18n/ru-RU.js Co-authored-by: Ilya Artamonov * Update i18n/ru-RU.js Co-authored-by: Ilya Artamonov * Update i18n/ru-RU.js Co-authored-by: Ilya Artamonov * Update conclusion.md Add conclusion translate ru-RU * Update content/ru/guides/get-started/conclusion.md Co-authored-by: DreaMinder * Update content/ru/guides/get-started/conclusion.md Co-authored-by: DreaMinder * Update content/ru/guides/get-started/conclusion.md Co-authored-by: DreaMinder * Update content/ru/guides/get-started/conclusion.md Co-authored-by: DreaMinder * Update content/ru/guides/get-started/conclusion.md Co-authored-by: DreaMinder * Update content/ru/guides/get-started/conclusion.md Co-authored-by: DreaMinder * Update installation.md * Update content/ru/guides/get-started/installation.md Co-authored-by: DreaMinder * Update content/ru/guides/get-started/installation.md Co-authored-by: DreaMinder * Update content/ru/guides/get-started/installation.md Co-authored-by: DreaMinder * Update content/ru/guides/get-started/installation.md Co-authored-by: DreaMinder * Update routing.md * Update content/ru/guides/get-started/routing.md Co-authored-by: DreaMinder * Update content/ru/guides/get-started/routing.md Co-authored-by: DreaMinder * Update upgrading.md * Update content/ru/guides/get-started/upgrading.md Co-authored-by: DreaMinder * Update content/ru/guides/get-started/upgrading.md Co-authored-by: DreaMinder * Update content/ru/guides/get-started/directory-structure.md * Update content/ru/guides/get-started/directory-structure.md * Update content/ru/guides/get-started/routing.md * Update content/ru/guides/get-started/upgrading.md * Update content/ru/guides/get-started/conclusion.md * Update content/ru/guides/get-started/conclusion.md * Update content/ru/guides/get-started/conclusion.md * Update content/ru/guides/get-started/conclusion.md Co-authored-by: Natalia Tepluhina * Update content/ru/guides/get-started/conclusion.md Co-authored-by: Natalia Tepluhina * Update content/ru/guides/get-started/directory-structure.md Co-authored-by: Natalia Tepluhina * Update content/ru/guides/get-started/directory-structure.md * Update content/ru/guides/get-started/installation.md * Update content/ru/guides/get-started/installation.md Co-authored-by: Natalia Tepluhina * Update content/ru/guides/get-started/installation.md * Update content/ru/guides/get-started/installation.md Co-authored-by: Natalia Tepluhina * Update content/ru/guides/get-started/installation.md Co-authored-by: Natalia Tepluhina * Update content/ru/guides/get-started/installation.md Co-authored-by: Natalia Tepluhina * Update content/ru/guides/get-started/installation.md Co-authored-by: Natalia Tepluhina * Update content/ru/guides/get-started/routing.md Co-authored-by: Natalia Tepluhina * Update content/ru/guides/get-started/routing.md Co-authored-by: Natalia Tepluhina * Update content/ru/guides/get-started/conclusion.md Co-authored-by: Taras Khvyl * Update content/ru/guides/get-started/upgrading.md Co-authored-by: Natalia Tepluhina * Update content/ru/guides/get-started/upgrading.md Co-authored-by: Natalia Tepluhina * Update content/ru/guides/get-started/conclusion.md Co-authored-by: Taras Khvyl * Update i18n/ru-RU.js * Update content/ru/guides/get-started/conclusion.md * Apply suggestions from code review Co-authored-by: Natalia Tepluhina Co-authored-by: Ilya Artamonov Co-authored-by: Spiridon Co-authored-by: Mila Kucher Co-authored-by: Natalia Tepluhina Co-authored-by: Taras Khvyl Co-authored-by: Debbie O'Brien --- content/ru/guides/get-started/conclusion.md | 94 +++++++ .../guides/get-started/directory-structure.md | 97 +++++++ content/ru/guides/get-started/installation.md | 244 +++++++++++++++++ content/ru/guides/get-started/routing.md | 55 ++++ content/ru/guides/get-started/upgrading.md | 37 +++ i18n/ru-RU.js | 258 +++++++++--------- 6 files changed, 656 insertions(+), 129 deletions(-) create mode 100644 content/ru/guides/get-started/conclusion.md create mode 100644 content/ru/guides/get-started/directory-structure.md create mode 100644 content/ru/guides/get-started/installation.md create mode 100644 content/ru/guides/get-started/routing.md create mode 100644 content/ru/guides/get-started/upgrading.md diff --git a/content/ru/guides/get-started/conclusion.md b/content/ru/guides/get-started/conclusion.md new file mode 100644 index 0000000000..9731e96f9f --- /dev/null +++ b/content/ru/guides/get-started/conclusion.md @@ -0,0 +1,94 @@ +--- +title: Заключение +description: Поздравляем! Вы создали ваше первое приложение на Nuxt.js и теперь можете смело называть себя Nuxter. Но Вам еще предстоит многому научиться чтобы увидеть все возможности Nuxt.js. У нас есть несколько рекомендаций для последующего обучения. +position: 4 +category: get-started +questions: + - question: Как называется директория, обязательная для работы Nuxt.js? + answers: + - nuxt + - pages + - index + correctAnswer: pages + - question: Как называется файл c описанием вашего проекта? + answers: + - package.vue + - package.json + - package.js + correctAnswer: package.json + - question: Какую команду необходимо ввести в терминале, чтобы запустить проект Nuxt.js? + answers: + - npm dev + - npm run dev + - nuxt dev + correctAnswer: npm run dev + - question: Какой адрес у стартовой страницы вашего Nuxt.js приложения при запуске в режиме development? + answers: + - http://localhost:3000/ + - http://localhost:3000/project-name:3000 + - http://localhost:3000/nuxt:3000/ + correctAnswer: http://localhost:3000/ + - question: В каком файле можно изменять конфигурацию Nuxt.js? + answers: + - nuxt.config.json + - config.js + - nuxt.config.js + correctAnswer: nuxt.config.js + - question: Какая директория не подходит для размещения файлов с расширением `.vue`? + answers: + - pages + - static + - components + correctAnswer: static + - question: В какой директории вы будете размещать файлы с Вашими стилями? + answers: + - styles + - components + - assets + correctAnswer: assets + - question: В какой директории размещается robots.txt или favicon? + answers: + - assets + - components + - static + correctAnswer: static + - question: Какой компонент используется для навигации между страницами? + answers: + - '' + - '' + - '' + correctAnswer: '' + - question: '`` используется для внутренних ссылок, которые принадлежат приложению Nuxt.js?' + answers: + - Да + - Нет + correctAnswer: Да +--- + +Поздравляем! Вы создали ваше первое приложение на Nuxt.js и теперь можете смело называть себя Nuxter. Но вам еще предстоит многому научиться, чтобы увидеть все возможности Nuxt.js. У нас есть несколько рекомендаций для вашего последующего обучения: + + + +Ознакомьтесь с [Concepts book](/guides/concepts/views) + + + + + +Работаем с [asyncData](/guides/features/data-fetching#async-data) + + + + + +Выбираем между [Режимами рендеринга](/guides/features/rendering-modes) + + + + + +Нравится Nuxt.js? Не забудьте [поставить звезду проекту](https://github.com/nuxt/nuxt.js) на GitHub + + + + diff --git a/content/ru/guides/get-started/directory-structure.md b/content/ru/guides/get-started/directory-structure.md new file mode 100644 index 0000000000..bedd9b1b2f --- /dev/null +++ b/content/ru/guides/get-started/directory-structure.md @@ -0,0 +1,97 @@ +--- +title: Структура директорий +description: Стандартная структура Nuxt.js приложения призвана стать хорошей отправной точкой для больших и малых проектов. Тем не менее, вы можете создать нужную вам структуру директорий. +position: 3 +category: get-started +csb_link: https://codesandbox.io/embed/github/nuxt-academy/guides-examples/tree/master/01_get_started/03_directory_structure?fontsize=14&hidenavigation=1&theme=dark +--- + +Стандартная структура Nuxt.js приложения призвана стать хорошей отправной точкой для больших и малых проектов. Тем не менее, вы можете организовать собственную структуру директорий. + +Давайте создадим директории и файлы, если их еще нет + +```bash +mkdir components assets static +touch nuxt.config.js +``` + +Это основные директории и файлы, которые нужны для создания Nuxt.js приложения. Вы найдете информацию по каждой из них ниже. + + + +Создание директорий с этими именами включает функции в вашем Nuxt.js проекте. + + + +## Директории + +### Директория `pages` + +Директория `pages` включает маршруты вашего приложения и их оформление. Фреймворк читает все ваши `.vue` файлы внутри директории и настраивает маршрутизацию приложения. + + + +[Подробнее о страницах](/guides/directory-structure/pages) + + + +### Директория `components` + + +Директория `components` включает ваши Vue.js компоненты, которые вы будете импортировать в компоненты страниц. + +С Nuxt.js вы можете создать компоненты и автоматически импортировать их в любые `.vue` файлы, не указывая при этом явно импорт этих компонентов в секции script. Nuxt.js будет сканировать и импортировать ваши компоненты автоматически, если в файле конфигурации установлено `components: true`. + + + +[Подробнее о компонентах](/guides/directory-structure/components) + + + +### Директория `assets` + +Директория `assets` включает ваши нескомпилированные ресурсы, такие как Stylus или Sass файлы, изображения, или шрифты. + + + +[Подробнее о ресурсах](/guides/directory-structure/assets) + + + +### Директория `static` + +Директория `static` напрямую сопоставлена с корнем сервера (`/static/robots.txt` будет доступен на `http://localhost:3000/robots.txt`) и включает файлы, которые не будут изменяться (например, иконка приложения) + + + +[Подробнее о директории static](/guides/directory-structure/static) + + + +### Файл nuxt.config.js + +Файл `nuxt.config.js` включает ваши настройки Nuxt.js. Если вам нужно добавить модули или изменить настройки по умолчанию, то это место, где это можно сделать. + + + +[Подробнее о `nuxt.config.js`](/guides/directory-structure/nuxt-config) + + + +### Файл package.json + +Файл `package.json` включает зависимости и скрипты вашего приложения. + + + + + +## Больше о структуре проекта + +Существуют другие полезные директории: [content](/guides/directory-structure/content), [layouts](/guides/directory-structure/layouts), [middleware](/guides/directory-structure/middleware), [modules](/guides/directory-structure/modules), [plugins](/guides/directory-structure/plugins) и [store](/guides/directory-structure/store). Они не нужны для небольших приложений и здесь мы их не рассматриваем. + + + +Чтобы детально изучить директории, прочтите [раздел о структуре директорий](/guides/directory-structure/nuxt). + + diff --git a/content/ru/guides/get-started/installation.md b/content/ru/guides/get-started/installation.md new file mode 100644 index 0000000000..161feb7a8d --- /dev/null +++ b/content/ru/guides/get-started/installation.md @@ -0,0 +1,244 @@ +--- +title: Установка +description: Здесь вы найдете информацию по настройке и запуску Nuxt.js проекта за 4 шага. +position: 1 +category: get-started +csb_link: https://codesandbox.io/embed/github/nuxt-academy/guides-examples/tree/master/01_get_started/01_installation?fontsize=14&hidenavigation=1&theme=dark +--- + +## Необходимые условия + +Здесь вы найдете информацию по настройке и запуску Nuxt.js проекта за 4 шага. + + + +Другой способ начать работать с Nuxt.js - это использовать [CodeSandbox](https://template.nuxtjs.org). Это отличный вариант, чтобы поиграть с Nuxt.js и/или поделиться вашим кодом с другими. + + + +### Node + +[node](https://nodejs.org/en/download/) - не ниже v8.9.0 + +_Мы рекомендуем использовать последнюю доступную версию._ + +### Редактор кода + +Используйте тот, который вам нравится, но мы рекомендуем [VSCode](https://code.visualstudio.com/). + +### Терминал + +Используйте тот, который вам нравится, но мы рекомендуем интегрированный в VSCode [терминал](https://code.visualstudio.com/docs/editor/integrated-terminal). + +## Настройка с нуля + +Для создания Nuxt.js проекта с нуля требуется только один файл и одна директория. + +В этом примере мы будем использовать терминал для создания директорий и файлов, но вы можете создавать их как вам удобно. + +### Настройка проекта + +Для начала создайте пустую директорию с именем проекта и перейдите в нее: + +```bash +mkdir +cd +``` + +_Замените `` на имя вашего проекта._ + +Затем создайте файл с именем `package.json`: + +```bash +touch package.json +``` + +Откройте файл `package.json` в вашем редакторе и вставьте такой JSON код: + +```json{}[package.json] +{ + "name": "my-app", + "scripts": { + "dev": "nuxt", + "build": "nuxt build", + "generate": "nuxt generate", + "start": "nuxt start" + } +} +``` + +В секции `scripts` указаны Nuxt.js команды, которые будут запущены при выполнении `npm run <имя_команды>`. + +#### **Что такое файл package.json?** + +`package.json` - это как паспорт вашего проекта. Если вы хотите больше узнать о файле `package.json`, то мы рекомендуем почитать [документацию NPM](https://docs.npmjs.com/creating-a-package-json-file). + +### Установка nuxt + +После создания файла `package.json` добавьте `nuxt` в ваш проект, используя `npm` или `yarn`: + + + + +```bash +yarn add nuxt +``` + + + + +```bash +npm install nuxt +``` + + + + +Эта команда добавит `nuxt` как зависимость вашего проекта и обновит файл `package.json` автоматически. Также будет создана директория `node_modules`, в ней будут храниться установленные пакеты и их зависимости. + + + +`yarn.lock` или `package-lock.json` также будут созданы для обеспечения совместимости зависимостей вашего проекта. + + + +### Создайте вашу первую страницу + +Nuxt.js преобразует каждый файл `*.vue` внутри директории `pages` в маршрут приложения. + +Создайте директорию `pages` в вашем проекте: + +```bash +mkdir pages +``` + +Затем создайте файл `index.vue` в директории `pages`: + +```bash +touch pages/index.vue +``` + +Важно, чтобы страница называлась именно `index.vue`, так как это страница, которая будет показываться при открытии приложения. Это главная страница, потому должна называться index. + +Откройте файл `index.vue` в вашем редакторе и добавьте следующее содержимое: + +```html{}[pages/index.vue] + +``` + +### Начало проекта + +Запустите ваш проект, выполнив одну из команд ниже в вашем терминале: + + + + +```bash +yarn dev +``` + + + + +```bash +npm run dev +``` + + + + + + +Мы используем команду `dev` когда нам нужно запустить приложение в режиме разработки. + + + +Теперь приложение запущено по адресу **[http://localhost:3000](http://localhost:3000/).** + +Откройте ваше приложение, нажав на ссылку в терминале, и вы увидите текст "Привет мир!", который мы добавили на предыдущем шаге. + + + +Когда мы запускаем Nuxt.js в режиме разработки, изменения большинства директорий будут отслеживаться, поэтому нам не нужно перезапускать проект, например, после добавления новой страницы. + + + + + +После выполнения команды `dev` будет создана директорния .nuxt. Эта директория должна игнорироваться системой контроля версий (git). Вы можете задать, какие файлы нужно игнорировать, создав файл `.gitignore` в корне вашего проекта и добавив туда .nuxt. + + + +### Бонусный шаг + +Создайте страницу с именем `fun.vue` в директории `pages`. + +Добавьте `` с забавным заголовком внутри. + +Откройте страницу **[http://localhost:3000/fun](http://localhost:3000/fun).** + + + +Создайте директорию с именем `more-fun` и добавьте в нее файл `index.vue`. Это даст такой же результат, как если бы мы создали файл `more-fun.vue` + + + + + + + +## С использованием create-nuxt-app + +Для быстрого старта вы можете использовать [create-nuxt-app](https://github.com/nuxt/create-nuxt-app). + +Убедитесь, что у вас установлен `npx` (`npx` встроен по умолчанию начиная с npm 5.2.0) или `npm v6.1` или `yarn`. + + + + +```bash +yarn create nuxt-app +``` + + + + +```bash +npx create-nuxt-app +``` + + + + +```bash +npm init nuxt-app +``` + + + + + +Вам зададут несколько вопросов (имя проекта, настройки Nuxt, UI фреймворк, TypeScript, linter, фреймворк тестов, и т.д.), когда ответите , будут установлены все зависимости. Следующий шаг - перейти в директорию проекта и запустить его: + + + + +```bash +cd +yarn dev +``` + + + + +```bash +cd +npm run dev +``` + + + + +Теперь приложение запущено по адресу [http://localhost:3000](http://localhost:3000). Отлично сработано! diff --git a/content/ru/guides/get-started/routing.md b/content/ru/guides/get-started/routing.md new file mode 100644 index 0000000000..517654133a --- /dev/null +++ b/content/ru/guides/get-started/routing.md @@ -0,0 +1,55 @@ +--- +title: Маршрутизация +description: Большинство сайтов имеют больше одной страницы. К примеру: главная страница, страница о нас, страница контактов и т.д. Для показа этих страниц нам понадобится Маршрутизатор. +position: 2 +category: get-started +csb_link: https://codesandbox.io/embed/github/nuxt-academy/guides-examples/tree/master/01_get_started/02_routing?fontsize=14&hidenavigation=1&theme=dark +--- + +## Автоматическая маршрутизация + +Большинство сайтов имеют более одной страницы (например: главная страница, страница о нас, страница контактов и т.д.). Для отображения этих страниц нам понадобится маршрутизатор. С этим нам поможет `vue-router`. При работе с Vue.js приложением у нас был файл конфигурации (`router.js`), в который мы добавляли свои маршруты. Nuxt.js автоматически генерирует конфигурационный файл `vue-router` на основе `.vue` файлов внутри директории `pages`. Поэтому вам не придется писать конфигурацию роутера самостоятельно! Nuxt.js также предоставляет автоматическое разделение кода (code-splitting) для всех маршрутов. + +Другими словами, все, что нужно для настройки маршрутизации - это создать `.vue` файлы в директории `pages`. + + + +Подробнее о [Маршрутизации](/guides/features/file-system-routing) + + + +## Навигация + +Для навигации между страницами вашего приложения вы должны использовать компонент [NuxtLink](/guides/features/nuxt-components#the-nuxtlink-component). Этот компонент - часть Nuxt.js и, следовательно, его не нужно импортировать, как вы обычно это делаете с другими компонентами. Он похож на HTML-тег ``, за исключением того, что вместо `href="/about"` мы используем `to="/about"`. Если ранее вы использовали `vue-router`, то можете считать `` заменой `` + +Простая ссылка на страницу `index.vue` в директории `pages`: + +```html{}[pages/index.vue] + +``` + +Для всех ссылок на страницы вашего сайта используйте ``. Если у вас есть ссылки на другие сайты - используйте тег ``. Взгляните на пример ниже: + +```html{}[pages/index.vue] + +``` + + + + + + + +Подробнее о компоненте [NuxtLink](/guides/features/nuxt-components#the-nuxtlink-component). + + diff --git a/content/ru/guides/get-started/upgrading.md b/content/ru/guides/get-started/upgrading.md new file mode 100644 index 0000000000..5b12112f69 --- /dev/null +++ b/content/ru/guides/get-started/upgrading.md @@ -0,0 +1,37 @@ +--- +title: Обновление +description: Обновление Nuxt.js выполняется быстро, но требует больше усилий, чем обновление вашего package.json +position: 5 +category: get-started +--- + +> Обновление Nuxt.js выполняется быстро, но требует больше усилий, чем обновление вашего package.json + +Если вы хотите использовать статический хостинг при обновлении Nuxt v2.14 - вам понадобится добавить [target:static](/guides/features/deployment-targets#static-hosting) в ваш nuxt.config.js для корректной работы команды `generate`. + +```js{}[nuxt.config.js] +export default { + target: 'static' +} +``` + +## Getting Started + +1. Проверьте [release notes](/guide/release-notes) для желаемой версии, чтобы узнать, есть ли какие-либо дополнительные инструкции для этого конкретного релиза. +2. Обновите версию, указанную для пакета `nuxt` в вашем файле `package.json`. + +После этого шага инструкции различаются в зависимости от используемого пакетного менеджера — Yarn или NPM. _[Yarn](https://yarnpkg.com/en/docs/usage) - предпочтительный менеджер пакетов для работы с Nuxt, поскольку это инструмент разработки, для которого были написаны тесты._ + +## Yarn + +3. удалите файл `yarn.lock` +4. удалите папку `node_modules` +5. выполните команду `yarn` +6. После того как установка завершилась и вы прогнали все ваши тесты - рассмотрите возможность обновления и других зависимостей. Для этого можно использовать команду `yarn outdated`. + +## NPM + +3. удалите файл `package-lock.json` +4. удалите папку `node_modules` +5. выполните команду `npm install` +6. После того как установка завершилась и вы прогнали все ваши тесты - также рассмотрите возможность обновления и других зависимостей. Для этого можно использовать команду `npm outdated`. diff --git a/i18n/ru-RU.js b/i18n/ru-RU.js index a1acfd5b6b..c3d01711a8 100644 --- a/i18n/ru-RU.js +++ b/i18n/ru-RU.js @@ -1,23 +1,23 @@ module.exports = { common: { - an_error_occurred: 'An error occurred', - page_not_found: 'Page not found', + an_error_occurred: 'Произошла ошибка', + page_not_found: 'Страница не найдена', please_define_title: 'Please define a title in the front matter', please_define_description: 'Please define a description in the front matter', - search: 'Поиск ("/" to focus)', + search: 'Поиск ("/" - фокус)', version: 'Версия' }, iso: 'ru', links: { - download: 'Download', - live_edit: 'Live Edit' + download: 'Скачать', + live_edit: 'Пробовать вживую' }, header: { links: [ { - name: 'Guides', + name: 'Руководства', slug: 'guides', type: 'newDocs', routeName: 'guides-book-slug' @@ -35,7 +35,7 @@ module.exports = { routeName: 'section-slug' }, { - name: 'Examples', + name: 'Примеры', slug: 'examples', type: 'dynamic', routeName: 'section-slug' @@ -47,18 +47,18 @@ module.exports = { routeName: 'section-slug' }, { - name: 'Resources', + name: 'Ресурсы', slug: 'resources', type: 'static' }, { - name: 'Blog', + name: 'Блог', slug: 'blog', type: 'static' } ], search: { - placeholder: 'Search ("/" to focus)' + placeholder: 'Поиск ("/" - фокус)' } }, homepage: { @@ -68,14 +68,14 @@ module.exports = { 'Nuxt.js — это минималистичный фреймворк для создания приложений на Vue.js с серверным рендерингом, разделением кода, горячей заменой модулей, статической генерацией и другими крутыми штуками!' }, welcome: { - title: 'The Intuitive {br} {frameworkType} Framework', + title: 'Интуитивно понятный {br} {frameworkType} фреймворк', description: - 'Build your next Vue.js application with confidence using NuxtJS. An {openSource} framework making web development simple and powerful.', - openSource: 'open source', + 'Постройте ваше следующее Vue.js приложение с простотой и уверенностью, используя NuxtJS. {openSource} фреймворк который делает разработку простой и мощной.', + openSource: 'Open source', get_started: 'начало работы', - get_updates: 'Get NuxtJS updates to your inbox each month', - video: 'Video produced by {company}, download their free {cheatSheet}', - cheatSheet: 'Nuxt Cheat Sheet.' + get_updates: 'Получайте новости о NuxtJS на почту каждый месяц.', + video: 'Видео создано команией {company}, скачайте их шпаргалку {cheatSheet}', + cheatSheet: 'Шпаргалка Nuxt.' }, why: { title: 'Почему {nuxt}', @@ -102,19 +102,19 @@ module.exports = { modes: { title: '{nuxt} Рендеринг', ssr: { - title: 'Server Side Rendered', + title: 'Рендеринг на сервере (SSR)', description: - 'The most popular mode for Nuxt. With SSR, also called "universal" or "isomorphic" mode, a Node.js server will be used to deliver HTML based on your Vue components to the client instead of the pure javascript. Using SSR will lead to a large SEO boost, better UX and more opportunities (compared to a traditional Vue SPA).{break}Because implementing SSR on your own can be really tedious, Nuxt.js gives you full support out of the box and will take care of common pitfalls.' + 'Наиболее популярный режим в Nuxt. В режиме SSR, также именуемом "универсальный" или "изоморфный", сервер Node.js будет рендерить HTML перед отправкой на клиент на основе ваших Vue компонентов, вместо отрисовки на чистом javascript. Использование режима SSR улучшает работу с SEO, UX и даёт множество других возможностей (в сравнении с традиционным SPA клиентом на Vue). Самостоятельная реализация рендеринга на сервере может стать утомительной задачей, поэтому Nuxt.js предоставляет её полную поддержку из коробки и обходит многие подводные камни.' }, spa: { - title: 'Single Page Application (SPA)', + title: 'Одностраничное приложение (SPA)', description: - "Don't need SSR or Static Site Generation but still want to profit from the benefits that Nuxt provides? Are you slowly transitioning your app and want to start lightweight? Then the traditional SPA mode will likely be your choice. The outcome will be a typical Vue SPA as you know it but influenced by your Nuxt configuration and the framework itself." + "Не нужен SSR или статическая генерация, но все же хотите пользоваться удобством разработки с Nuxt? Вы переводите свое приложение на Nuxt и хотите начать с малого? Тогда SPA будет для вас лучшим выбором. На выходе вы получите обычное Vue SPA, но с использованием возможностей Nuxt." }, ssg: { - title: 'Statically Generated', + title: 'Статическая генерация', description: - 'Static Site Generation is a very hot topic right now (aka JAMStack). Instead of switching to another framework and spending time to get used to it, why not kill two birds with one stone? {proverbial} Nuxt.js supports generating a static website based on your Vue application. It is the "best of both worlds" as you don\'t need a server but still have SEO benefits because Nuxt will pre-render all pages and include the necessary HTML. Also, you can deploy the resulting page easily to Netlify or GitHub pages.', + 'Генерация статических сайтов (JAMStack) - очень горячая тема на сегодняшний день. Вместо того, чтобы сменить фреймворк и потратить время на его изучение, почему не убить двух зайцев одновременно? (как гласит поговорка о 🐇🐇). Nuxt.js позволяет сгенерировать статический сайт на основании вашего Vue-приложения. Получаем идеальное сочетание: вам больше не нужен сервер, однако будет работать SEO, так как Nuxt создаст все необходимые страницы заранее. Также, вы сможете без проблем опубликовать ваш проект на Netlify или GitHub pages.', proverbial: 'only proverbial' } }, @@ -125,15 +125,15 @@ module.exports = { become_a_sponsor: 'Стань спонсором' }, newsletter: { - title: '{nuxt} Newsletter', + title: '{nuxt} Рассылка', description: - 'Get the latest Nuxt news to your inbox, curated by the NuxtJS team.', + 'Получай на почту последние новости, отобранные командой NuxtJS.', form: { email: 'Email', - subscribing: 'Subscribing...', - subscribe: 'Subscribe', + subscribing: 'Подписываем...', + subscribe: 'Подписаться', subscribed_messages: { - pre: 'An email to confirm your subscription has been sent to', + pre: 'Письмо для подтверждения подписки было отправлено на', post: '💚' } } @@ -141,166 +141,166 @@ module.exports = { }, design: { meta: { - title: 'NuxtJS Design', + title: 'NuxtJS Дизайн', description: - 'Download NuxtJS design resources (SVG, icons, emoji and favicon).' + 'Скачайте дизайнерские файлы NuxtJS (SVG, иконки, emoji и favicon).' }, - title: '{nuxt} Design', + title: '{nuxt} Дизайн', description: - 'NuxtJS is an MIT licensed open source project and completely free to use. {break} You can freely use our logos as long as you mention NuxtJS and link to nuxtjs.org.', + 'NuxtJS - это проект с открытым исходным кодом, лицензированный MIT и полностью бесплатен для использования. {break} Вы можете свободно использовать наши логотипы пока они ссылаются на nuxtjs.org.', other_download_message: - 'You can also download our {favicon} or our {sketch} file.' + 'Вы также можете скачать {favicon} или {sketch} файл.' }, resources: { meta: { - title: 'NuxtJS Resources', + title: 'Ресурсы NuxtJS', description: - 'Discover a panel of resources made by our partners. By using thoses affiliate resources links, you are helping us to maintain and develop the Open Source Framework.' + 'Ознакомьтесь с набором ресурсов сделанных нашими партнерами. Используя эти партнерские ссылки, вы поддерживаете разработку и сопровождение этого фреймворка с открытым исходным кодом.' }, title: '{nuxt} Resources', description: - 'Discover a panel of resources made by our partners. By using thoses affiliate resources links, you are helping us to maintain and develop the Open Source Framework.', + 'Ознакомьтесь с набором ресурсов сделанных нашими партнерами. Используя эти партнерские ссылки, вы поддерживаете разработку и сопровождение этого фреймворка с открытым исходным кодом', themes: { - title: 'Themes' + title: 'Темы' }, videos: { - title: 'Video Courses' + title: 'Видео курсы' } }, shop: { meta: { - title: 'The NuxtJS Shop', + title: 'Магазин NuxtJS', description: - 'You want to support the NuxtJS project and show your love to the rest of the community? Here our products with the best quality ever!' + 'Хотите поддержать проект NuxtJS и выразить благодарность его сообществу? Вот наши продукты наилучшего качества!' }, - title: 'The {nuxt} Shop', + title: 'Магазин {nuxt}', description: - 'You want to support the NuxtJS project and show your love to the rest of the community?{break} Here our products with the best quality ever!', - button: 'Coming soon' + 'Хотите поддержать проект NuxtJS и выразить благодарность его сообществу?{break} Вот наши продукты наилучшего качества!', + button: 'Скоро' }, team: { meta: { - title: 'NuxtJS Team', + title: 'Команда NuxtJS', description: - 'NuxtJS has a very active and engaged team that is constantly striving to push Nuxt forward.' + 'У проекта NuxtJS очень активная и сплоченная команда, которая постоянно стремится развивать его дальше.' }, - title: '{nuxt} Team', + title: 'Команда {nuxt}', description: - 'The development of NuxtJS and its ecosystem is guided by an international team. We have a very active and engaged team that is constantly striving to push Nuxt forward.' + 'Команда разработки NuxtJS и его экосистемы является международной. У проекта NuxtJS очень активная и сплоченная команда, которая постоянно стремится развивать его дальше.' }, themes: { meta: { - title: 'NuxtJS Themes', + title: 'Темы NuxtJS', description: - 'With the themes below built by our partners from Creative Tim and Theme Forest you can see how a real world application is built, with Nuxt.js stack behind.' + 'Со следующими темами оформления, разработанными нашими партнерами из Creative Tim и Theme Forest, вы можете увидеть как строится настоящее приложение основанное на Nuxt.js.' }, title: '{nuxt} Themes', description: - 'With the themes below built by our partners from Creative Tim and Theme Forest you can see how a real world application is built, with Nuxt.js stack behind.', - button: 'GET IT for' + 'Со следующими темами оформления, разработанными нашими партнерами из Creative Tim и Theme Forest, вы можете увидеть как строится настоящее приложение основанное на Nuxt.js.', + button: 'КУПИТЬ за' }, 'video-courses': { meta: { - title: 'NuxtJS Video Courses', + title: 'Видео курсы NuxtJS', description: - 'With the video courses below created by our partner VueSchool you can discover and learn more about the Nuxt.js Framework.' + 'С этими видео курсами, созданными нашим партнером VueSchool, вы можете узнать больше о фреймворке Nuxt.js.' }, - title: '{nuxt} Video Courses', + title: 'Видео курсы {nuxt}', description: - 'With the video courses below created by our partner VueSchool you can discover and learn more about the Nuxt.js Framework.', + 'С этими видео курсами, созданными нашим партнером VueSchool, вы можете узнать больше о фреймворке Nuxt.js.', cta: { - discover: 'Discover vueschool', - start: 'START COURSE' + discover: 'Изучить vueschool', + start: 'НАЧАТЬ КУРС' } }, sponsor: { meta: { - title: 'Sponsor NuxtJS Development', + title: 'Спонсировать разработку NuxtJS', description: - 'You can support NuxtJS development via different methods and ensure regular updates to the framework.' + 'Вы можете поддержать разработку NuxtJS разными способами, чтобы обеспечить регулярные обновления фреймворка.' }, - title: 'Sponsor {nuxt} Development', + title: 'Спонсировать разработку {nuxt}', description: - 'NuxtJS is an MIT licensed open source project and completely free to use.{break} However, the amount of effort needed to maintain and develop new features for the project is not sustainable without proper financial backing.{break} You can support NuxtJS development via the following methods:', + 'NuxtJS - это проект с открытым исходным кодом, лицензированный MIT и полностью бесплатный для использования.{break} Тем не менее, объем затрат необходимый для поддержания и разработки новых функций, не полностью покрывается нашим финансированием. {break} Вы можете поддержать разработку NuxtJS следующими способами:', donations: { - title: 'One-time donations', - description: 'We accept donations through these channels' + title: 'Одноразовые пожертвования', + description: 'Мы принимаем донаты таким способом' }, pledges: { - title: 'Recurring Pledges', + title: 'Периодические пожертвования', description: - 'Recurring pledges come with exclusive perks, e.g. having your name listed in the NuxtJS GitHub repository, or have your company logo placed on this website. Become a nuxter or sponsor via {opencollective} (goes into a fund with transparent expense models supporting community efforts and events).' + 'Периодические пожертвования дают взамен эксклюзивные привелегии, например, вывод вашего имени в репозитории NuxtJS на GitHub, или вывод логотипа вашей компании на этом сайте. Станьте спонсором через {opencollective} (средства идут в фонд с прозрачными моделями расходов, которые поддерживают сообщество и события).' }, - become_a_sponsor: 'Become a sponsor' + become_a_sponsor: 'Стать спонсором' }, support: { meta: { - title: 'The NuxtJS Support', + title: 'Поддержка NuxtJS', description: - 'Our NuxtJS team now offers official consulting services for your NuxtJS applications.' + 'Наша команда NuxtJS предлагает официальный консалтинг для ваших NuxtJS проектов.' }, - title: 'Consulting {nuxt} Support', + title: 'Консалтинг поддержка {nuxt}', description: - 'Our {team} now offers official consulting services for your NuxtJS applications.{break} We offer different services depending of your needs, from technical support to custom development. Expect a reply within one business day, we can sign custom NDA and you can get a full refund if you are not satisfied with our service.', + 'Наша {team} предлагает официальный консалтинг для ваших NuxtJS проектов.{break} Мы предлагаем разные услуги в зависимости от ваших потребностей: от техподдержки до разработки новых решений. Ожидайте ответа в течении одного рабочего дня. Мы можем подписать NDA и вы получите полный возврат среств если наши услуги будут неудовлетворительными.', technical: { - title: 'Technical support', + title: 'Техподдержка', description: - 'Get project audits, app deployments, custom development and technical support from the NuxtJS team.', - start: 'Start chat', + 'Получите аудиты, развертывание, разработку и поддержку вашего проекта от команды NuxtJS.', + start: 'Начать чат (англ.)', partner: { - pre: 'We partnered with', + pre: 'Мы договорились с', post: - 'to offer these services so we can focus on helping you as fast as possible.' + 'чтобы иметь возможность предоставлять эти услуги как можно быстрее.' } }, entreprise: { - title: 'for enterprise', + title: 'для корпораций', description: - 'NuxtJS and the maintainers of thousands of other packages are working with Tidelift to deliver one enterprise subscription that covers all of the open source you use.{break} If you want the flexibility of open source and the confidence of commercial-grade software, this is for you.', + 'NuxtJS и разработчики тысяч других пакетов работают с Tidelift, чтобы предоставить одну корпоративную подписку, которая покрывает все открытое ПО которым вы пользуетесь.{break} Если вы хотите гибкость открытого ПО и надежность коммерческого ПО, это для вас.', partner: { - pre: 'Available as part of the', - post: 'subscription.' + pre: 'Доступно как часть', + post: 'подписки.' }, - learn_more: 'Learn more', - request_a_demo: 'Request a demo' + learn_more: 'Узнать больше', + request_a_demo: 'Запросить демо' } }, blog: { meta: { - title: 'NuxtJS Blog', + title: 'Блог NuxtJS', description: - 'Discover articles from the NuxtJS team and NuxtJS Community about NuxtJS, tips and tricks included!' + 'Изучите статьи от команды и сообщества NuxtJS, включая подсказки и хитрости!' }, - title: '{nuxt} Blog', + title: 'Блог {nuxt}', description: - 'Discover articles from the {nuxtTeam} and {nuxtCommunity} about NuxtJS, tips and tricks included!', - nuxt_team: 'NuxtJS Team', - nuxt_community: 'Nuxt.js Community', - contribute: 'Caught a mistake or want to contribute to this blog post?' + 'Изучите статьи от {nuxtTeam} и {nuxtCommunity} NuxtJS, включая подсказки и хитрости!', + nuxt_team: 'команды', + nuxt_community: 'сообщества', + contribute: 'Нашли ошибку или хотите дополнить этот пост?' }, guide: { release_notes: 'Замечания о релизе', - toc_title: 'On this page' + toc_title: 'Содержание' }, quiz: { - title: 'Quiz' + title: 'Опрос' }, tryNewDocs: { - msg1: 'Want to take a look at our new docs? Our ', - link: 'new docs', - msg2: 'are now in beta. Have fun!' + msg1: 'Хотите взглянуть на нашу новую документацию? Наша ', + link: 'новая документация', + msg2: 'в бета-версии. Развлекайтесь!' }, contribute: { - title: 'Contributors', + title: 'Авторы', docs: 'Обнаружили ошибку или хотите внести свой вклад в документацию?', - blog: 'Caught a mistake or want to contribute to this blog post?', + blog: 'Нашли ошибку или хотите дополнить этот пост?', edit_on_github: 'Отредактировать эту страницу на GitHub!', msg1: - 'Contribution for this page is now closed. If you would like to contribute please check out our', - link: 'new docs' + 'Изменения на этой странице заблокированы. Если хотите что-то изменить, взгляните на нашу', + link: 'новую документацию' }, codeSandbox: { - open: 'Open CodeSandbox' + open: 'Открыть CodeSandbox' }, content: { guide: { @@ -308,56 +308,56 @@ module.exports = { 'getting-started': 'Getting Started' }, api: { - essential: 'Essential', - pages: 'Pages', - components: 'Components', - utils: 'Utils', - configuration: 'Configuration', - programmatically: 'Programmatically', - internals: 'Internals' + essential: 'Основы', + pages: 'Страницы', + components: 'Компоненты', + utils: 'Утилиты', + configuration: 'Конфигурация', + programmatically: 'Программно', + internals: 'Внутренности' }, examples: { - essentials: 'Essentials', - customization: 'Customization', - advanced: 'Advanced' + essentials: 'Основы', + customization: 'Персонализация', + advanced: 'Продвинутые' }, faq: { - configuration: 'Configuration', - development: 'Development', - deployment: 'Deployment' + configuration: 'Конфигурация', + development: 'Разработка', + deployment: 'Развертывание' }, guides: { - 'get-started': 'Get Started', - concepts: 'Concepts', - features: 'Features', - 'directory-structure': 'Directory Structure', - 'configuration-glossary': 'Configuration Glossary', - 'internals-glossary': 'Internals Glossary', - 'components-glossary': 'Components Glossary' + 'get-started': 'Начало', + concepts: 'Концепции', + features: 'Функции', + 'directory-structure': 'Структура директорий', + 'configuration-glossary': 'Конфигурация', + 'internals-glossary': 'Внутренности', + 'components-glossary': 'Компоненты' } }, footer: { links: { discover: { - title: 'Discover', - design: 'Design resources', - team: 'A worldwide team', - blog: 'Blog' + title: 'Изучить', + design: 'Дизайнерские ресурсы', + team: 'Международная команда', + blog: 'Блог' }, follow: { - title: 'Follow' + title: 'Следить' }, support: { - title: 'Support', - sponsorNuxt: 'Sponsor NuxtJS', - shop: 'The NuxtJS Shop', - consulting: 'NuxtJS Consulting' + title: 'Поддержка', + sponsorNuxt: 'Спонсорство NuxtJS', + shop: 'Магазин NuxtJS', + consulting: 'Консалтинг NuxtJS' } } }, cookies: { - consent: 'We use Cookies for user analysis and on-page improvements!', - linkLabel: 'Learn about cookies', - button: 'Got it' + consent: 'Мы используем файлы Cookies для аналитики!', + linkLabel: 'Узнать больше о Cookies', + button: 'Понятно' } }