Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>React Intl HelperNew to Visual Studio Code? Get it now.
React Intl Helper

React Intl Helper

Facundo Leites

|
247 installs
| (0) | Free
an tool for organizing react-intl json lang files
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

made-for-VSCode Badge for version for Visual Studio Code extension FacundoLeites.react-intl-helper Badge for installs for Visual Studio Code extension FacundoLeites.react-intl-helper Badge for rating for Visual Studio Code extension FacundoLeites.react-intl-helper GitHub release

react-intl-helper

Usage

Set languages folder path and set default language

  • Use the tree view on explorer sidebar to set the folder that contains your .json languages files.
  • Right click on the language and click o set default lang to define your default language file
  • Use the tree view to easy navigate to your translations files

setting folder path and default language

Open your translations files

When you open an file the extensios will check if the language have missing translations against the default language file then you can easly add the missing translations keys with or without defaultMessage

setting folder path and default language Adding translations with defaultMessage

setting folder path and default language Adding translations with blank defaultMessage

Use the panel to view the message information

  • Open an translation file
  • Click on translation icon to open the translation panel
  • Navigate through yours messages to see the default lang message

setting folder path and default language

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