Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>resource-bundle-editorNew to Visual Studio Code? Get it now.
resource-bundle-editor

resource-bundle-editor

Sandro Michl

|
5 installs
| (0) | Free
Allows you to edit i18n files in your project. Easy and efficent!
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Resource Bundle Editor

A simple and intuitive Visual Studio Code extension for managing i18n (internationalization) files in your project. Edit, add, and organize your translations in one central place, right inside VS Code.


Features

  • Centralized Management: Load multiple i18n files from different paths and edit them simultaneously in a single, clear table view.
  • Intuitive UI: Add new files via a simple path input, and the extension saves your state so you don't have to re-enter paths after reloading.
  • Nested Keys: Add new translations with nested keys (e.g., common.errors.network). The extension handles the correct object structure within your JSON or JavaScript files.
  • Intelligent Saving: Save your changes with a single click. The extension updates only the modified keys to maintain file integrity.
  • Error Handling: If a path is invalid or a file cannot be read, you'll get a clear error message to help you fix the problem.

Getting Started

Installation

  1. Open Visual Studio Code.
  2. Go to the Extensions view (Ctrl+Shift+X or Cmd+Shift+X).
  3. Search for "Resource Bundle Editor"
  4. Click Install.

Usage

  1. Open the Command Palette (Ctrl+Shift+P or Cmd+Shift+P).
  2. Search for "Resource Bundle Editor: Start" and select the command.
  3. A new panel will open. In the input field, enter the relative or absolute path to your i18n file (e.g. C:/path/to/your/file.js).
  4. Click the + button or press Enter to add the path.
  5. Repeat this for all files you want to edit.
  6. Click "Load i18n files". Your translations will appear in a table.
  7. Edit the values directly in the table. You can also add new rows for new keys.
  8. Click "Save translations" to save all changes to their respective files.

Supported File Formats

The extension is designed to handle files with a export const ... = { ... }; structure. Ensure your i18n files follow this format for a seamless experience.


Troubleshooting

  • Incorrect Path: If a file cannot be loaded, you'll see a list of the failed paths. Double-check that the paths are correct.
  • Parsing Error: If the content of your file cannot be read as a valid JavaScript object, a parsing error will be displayed. Make sure your file format is correct and free of syntax errors.

License

This extension is released under the MIT License.

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