Visual Studio Code Free
ByCrowdinVerified Author

Optimize the localization process for your source files in Visual Studio Code projects with Crowdin.

Try Crowdin

Crowdin for VS Code

Copy link

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.

Screenshot

Features

Copy link

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

Copy link

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.

upload gif

Download source and translation files from Crowdin

Copy link

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.

download gif

String keys autocompletion

Copy link

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.

autocomplete gif

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

Track translation progress

Copy link

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

progress gif

Command Palette commands

Copy link

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

command palette gif

Setup and Configuration

Copy link

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

Localize your product with Crowdin

Automate content updates, boost team collaboration, and reach new markets faster.

Crowdin is a platform that helps you manage and translate content into different languages. Integrate Crowdin with your repo, CMS, or other systems. Source content is always up to date for your translators, and translated content is returned automatically.

Learn More
Categories
Development
Works with
  • Crowdin Enterprise
  • crowdin.com
Details

Released on Jun 8, 2020

Updated on Feb 14, 2024

Published by Crowdin

Identifier:visual-studio-code