Visual Studio Code

Last updated: November 18, 2024Author: Jakub Pomykała

In this article, you will learn how to configure Visual Studio Code extension for SimpleLocalize to manage translations directly from your code editor.

Visual Studio Code Extension for SimpleLocalize

Features

The extensions add a set of commands to the Visual Studio command palette to help you manage translations and keys. Optionally, it can also be used with the SimpleLocalize CLI to synchronize translations between your project and SimpleLocalize, run auto-translation, and more. Watch videos to learn more about all the features.

Visual Studio Code extension for SimpleLocalize: Features overview

Installation

  1. Open Visual Studio Code.
  2. Go to the Extensions view by clicking on the square icon in the sidebar on the left or by pressing Ctrl+Shift+X.
  3. Search for SimpleLocalize in the Extensions view search box.
  4. Click "Install" next to the SimpleLocalize extension.
Visual Studio Code Extension for SimpleLocalize: Installation and configuration

Optionally, you can install the extension Visual Studio Code Marketplace, or by clicking here: Install SimpleLocalize Extension.

Configuration

  1. Generate new personal token for your account,
  2. Open the command palette by pressing Ctrl+Shift+P.
  3. Search for SimpleLocalize: Configure extension.
  4. Choose "Setup personal token" and paste your token.
  5. Now, you can choose a project for your current workspace.
Visual Studio Code Extension for SimpleLocalize: Configuration menu

CLI Integration

The extension can be used with the SimpleLocalize CLI to synchronize translations between your project and SimpleLocalize, run auto-translation, and more. To install the CLI, follow the instructions in the CLI installation guide.

Resources

Was this helpful?