# Инструментарий

Для поддержки i18n приложений Vue некоторые инструменты предоставляются официально.

Также есть инструменты от сторонних разработчиков, которые интегрируются в Vue I18n.

# Официальный инструментарий

# Плагин для Vue CLI

vue-cli-plugin-i18n (opens new window) — официальный плагин для Vue CLI.

С помощью этого плагина можно настроить среду i18n для приложения Vue и поддерживать среду разработки i18n.

# Модуль для Nuxt

nuxt-i18n (opens new window) — соответствующий модуль для Nuxt.js.

# Загрузчик для Webpack

vue-i18n-loader (opens new window) — официальный загрузчик для webpack.

С помощью этого загрузчика можно использовать пользовательские блоки i18n в однофайловых компонентах.

Подробнее о пользовательских блоках i18n можно изучить в разделе Однофайловых компонентов

# Плагин для ESLint

eslint-plugin-vue-i18n (opens new window) — ESLint-плагин для Vue I18n.

Позволяет легко интегрировать функции проверки локализацией в ваше приложение Vue.js.

# Расширения

vue-i18n-extensions (opens new window) — предоставляет некоторые расширения дляVue I18n.

Эти расширения позволяет использовать в рендеринге на стороне сервера (SSR) и улучшить производительность i18n.

# Сторонние разработки

# BabelEdit

BabelEdit (opens new window) — редактор переводов для веб-приложений.

BabelEdit может переводить файлы json, а также умеет работать с пользовательскими блоками i18n однофайловых компонентов.

Подробнее про BabelEdit можно узнать на странице введения (opens new window).

# i18n Ally

i18n Ally (opens new window) — расширение i18n для VSCode.

i18n Ally предоставляет потрясающий DX для разработки с использованием i18n.

Подробнее о расширении i18n Ally можно изучить в README (opens new window).

# i18nPlugin (платформа intellij)

i18nPlugin (opens new window) — плагин Intellij idea для поддержки i18next (Jetbrains plugin page (opens new window)).

Плагин для i18n typescript/javascript/PHP. Поддерживает vue-i18n. Для включения поддержки vue-i18n в настройках -> Tools -> i18n Plugin configuration выберите "Vue-i18n". Необходимо установить каталоги с файлами локализаций (по умолчанию locales).

# vue-i18n-extract

vue-i18n-extract (opens new window) выполняет статический анализ проекта Vue.js на основе vue-i18n и сообщает следующую информацию:

  • список всех неиспользуемых ключей vue-i18n (записи, найденные в файлах перевода, но не использованные в проекте)
  • список всех пропущенных ключей (записи, найденные в проекте, но отсутствующие в файлах перевода)

Имеется возможность отобразить результат в консоли или записать его в файл json.

Пропущенные ключи также могут быть автоматически добавлены в заданные файлы переводов.