Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>vue-i18n-helperNew to Visual Studio Code? Get it now.
vue-i18n-helper

vue-i18n-helper

vfportero

|
154 installs
| (0) | Free
VS Code plugin to localize an existing Vue app using i18n
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

vue-i18n-helper README

This plugin allow a useful tool to create localizated keys to your Vue application using Vue I18N.

Features

Localize text literal

  • Extract literal text to a localized key in the <i18n> tag of your .vue file (from <template> and <script> tags)

localize localize-script

  • Extraction of inlined variable texts and HTML:

localize-inlined-variable

  • Extracion of inlined HTML to replace by span (only in tag)

localize-inlined-html

This command gets the selected text and create a new key on the existent <i18n> (or create new one if not exists) in every configured language on the plugin settings.

Export localized keys to JSON

This command generates a JSON file with all localized keys:

export

Requirements

  • vue-i18n
  • @kazupon/vue-i18n-loader

Extension Settings

This extension contributes the following settings:

  • vuei18nhelper.languages: Language keys (comma separated)

settings

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft