Crowdin for VS Code

Integrate your Visual Studio Code projects with Crowdin to streamline the localization process. The plugin allows you to instantly upload new source strings to your Crowdin project, autocomplete string keys, check translation progress and download translations from Crowdin.

Get it from the VS Code Marketplace →

Visual Studio Code is an IDE and code editor redefined and optimized for building and debugging modern web and cloud applications.

Features

A new component will be introduced in the Activity Bar called the Crowdin. The plugin will scan each workspace for a Crowdin-specific configuration file and will build a tree with source files.

Upload source files to Crowdin

Upload source files to Crowdin for translation using the "Upload" panel. It displays all the source files matching the specified pattern in the configuration file. You can either individually select files to upload to Crowdin or upload all files at once.

Download source and translation files from Crowdin

Download source and translation files from Crowdin using the "Download" panel. It displays all the source files matching the specified pattern in the configuration file. You can download translations for all target languages as well as download source files edited in Crowdin.

String keys autocompletion

Use string keys in your code fetched from Crowdin and available in autocomplete suggestions. Whenever a user types something, the VSCode autocompletion will suggest available string keys from Crowdin.

There is a possibility to configure file extensions, where the string keys autocompletion will appear. By default, autocompletion is turned on and available in all files.

Strings for autocompletion are loaded during the bootstrap of VSCode and are also updated whenever there was a change in the crowdin.yml configuration file.

This gif illustrates the autocompletion of string keys in a React project that uses the Lingui library.

Track translation progress

Track progress of translated and approved strings for each project and target language.

Command Palette commands

The plugin provides the following commands in the VS Code Command Palette:

• Crowdin: Sign In to log in into your Crowdin profile
• Crowdin: Sign Out to log out from your Crowdin profile
• Crowdin: Select Project to select Crowdin project
• Crowdin: Open Configuration to open Crowdin configuration file
• Crowdin: Focus on Upload View to focus on the Upload view
• Crowdin: Focus on Download View to focus on the Download view
• Crowdin: Focus on Progress View to focus on the Progress view

Setup and Configuration

Visit the Repository page to learn more about setting up and configuring the plugin.