Skip to content

Translation Hints

What It Does

Translation hints render translated text directly in the editor, reducing context switching between source code and locale files.

Inline Translation Hints

How to Use

Entry Points

  • Shortcut:
    • Windows / Linux: Ctrl+Alt+D
    • macOS: Cmd+Alt+D
  • Settings: enable i18n-mage.translationHints.enable

Typical Workflow

  1. Enable translation hints.
  2. Open files containing i18n calls.
  3. Adjust display behavior (mode, scope, styles) to match project size.
  • i18n-mage.translationHints.enable
  • i18n-mage.translationHints.displayMode (overlay / inline)
  • i18n-mage.translationHints.fullFileMaxSizeKB Decoration scope: intelligently switch based on file size (files ≤ the set value use full-file decoration, otherwise only the visible range is decorated. 0 means always visible range only, -1 means always full file).
  • i18n-mage.translationHints.realtimeVisibleRangeUpdate
  • i18n-mage.translationHints.applyToStringLiterals
  • i18n-mage.translationHints.enableLooseKeyMatch
  • i18n-mage.translationHints.maxLength
  • i18n-mage.translationHints.italic
  • i18n-mage.translationHints.light.*
  • i18n-mage.translationHints.dark.*

Tips

  • Large projects: prefer decorationScope = visible.
  • If hints are too dense: reduce maxLength and disable applyToStringLiterals.
  • If dynamic keys are common: enable enableLooseKeyMatch and manually verify results.