Introducing: Visual Studio Code extension

We are excited to announce the release of our new Visual Studio Code extension for SimpleLocalize! This extension allows developers to integrate our localization and translation management tools directly into the development workflow. Designed to simplify the localization process, the extension allows developers to manage translations and collaborate with translators seamlessly within Visual Studio Code

Key features

The SimpleLocalize VS Code extension comes packed with features that make managing translations directly in your code editor a breeze. Here's what you can do:

• Overview of all translations in your project
• Edit translations directly in your code
• Rename translation keys directly in your code
• Create translation keys from text selection
• Translation key autocomplete - get suggestions for translation keys
• Built-in CLI to synchronize translations with SimpleLocalize
• Auto-translation using SimpleLocalize CLI

Installation & setup

You can install the extension directly from the Visual Studio Code Marketplace. Simply search for "SimpleLocalize" in the Extensions view and click "Install". Or use the direct link to install the extension: SimpleLocalize - Visual Studio Code Marketplace

Once the extension is installed, you will need to configure it with your SimpleLocalize personal token.

Open the Welcome page from Help and Feedback section for setup instructions.

You will need to provide your personal token to authenticate the extension with your SimpleLocalize account. You can find your personal token in your SimpleLocalize account settings, in the Security section or by following the direct link to get your token.

Next, select the project you want to work on. Once selected, you can begin using the extension! Watch the step-by-step video guide below to learn how to configure the extension.

CLI installation

The extension also includes a built-in CLI that allows you to synchronize translations with SimpleLocalize directly from the command line and use the auto-translation feature.

Follow the instructions in our CLI documentation to install the CLI and start using it with the VS Code extension.

VS Code extension in action

Let's take a look at how the extension works in practice. Here are some examples of how you can use the extension to manage translations directly within your code editor.

Sidebar

The extension adds a new sidebar to your code editor that displays an overview of all translations in your project. You can see and edit all translation keys and their values.

All translation changes are automatically synchronized with SimpleLocalize, so you can see the changes in real-time.

On the sidebar, you can also see your project details with the information about the number of translation keys, list of languages, namespaces, customers and translation hosting resources.

In Help and Feedback section you can find additional information about the extension, instructions and useful links.

Code actions

Code actions allow you to perform various actions directly in your code editor. You can:

• rename translation keys
• create new translation keys from text selection
• convert text into a translation key
• edit translations

Here you can see an example of creating a new translation key from text selection in your code editor.

Explore more video examples and detailed guides on our GitHub repository.

Auto-complete

Get suggestions for translation keys while typing in your code editor. This makes it easier to find the right key and avoid typos or mistakes.

CLI integration

Thanks to the built-in CLI, you can synchronize translations with SimpleLocalize directly from the command line. This allows you to automate the translation process and keep your translations up-to-date.

Using the CLI, you can:

• Download translations from SimpleLocalize to your project
• Upload translations from your project to SimpleLocalize
• Auto-translate your translations using the SimpleLocalize CLI
• Publish translations to SimpleLocalize hosting resources
• Pull translations from SimpleLocalize hosting resources

It's open-source!

The SimpleLocalize Visual Studio Code extension is open-source and available on GitHub. You can contribute to the development of the extension, report issues, suggest new features, or simply star the project to show your support.

Here you can find all the resources related to the extension:

• SimpleLocalize - Visual Studio Code extension on GitHub
• SimpleLocalize - Visual Studio Code extension on Visual Studio Code Marketplace
• SimpleLocalize - Visual Studio Code extension documentation

Summary

We hope that the new Visual Studio Code extension will make it easier for developers to manage translations directly within the code editor. The extension offers a range of features that streamline the localization process and help you keep your translations up-to-date.

Try out the new SimpleLocalize Visual Studio Code extension and let us know what you think! We are excited to hear your feedback and suggestions for new features.

If you have any questions or need help with the extension, feel free to reach out to us.