> ## Documentation Index
> Fetch the complete documentation index at: https://developer.dittowords.com/llms.txt
> Use this file to discover all available pages before exploring further.

# VS Code Extension

> Extract hardcoded strings into existing Ditto components directly in VS Code

## Overview

Ditto's [VS Code extension](https://marketplace.visualstudio.com/items?itemName=dittotech.vscode-ditto) utilizes the Ditto CLI to aid in the extraction of hardcoded text directly in the [Visual Studio Code editor](https://code.visualstudio.com/). You can add the extension directly via the VS Code Marketplace.
This functionality includes:

* Detecting text in your codebase that matches existing Ditto components
* Automates the insertion of Ditto developer IDs for matching text

The VS Code extension currently works with [Ditto React](/additional-tools/sdks#ditto-react-sdk) components.

<img src="https://mintcdn.com/ditto/WgRtoF9rLXWv6hNh/images/vscode-ext.png?fit=max&auto=format&n=WgRtoF9rLXWv6hNh&q=85&s=c10e3e13ea1d1d6654109f0591bb1ea9" alt="Ditto VS Code Extension" width="3022" height="1974" data-path="images/vscode-ext.png" />

## Planned features

Our VS Code Extension is currently in beta. A few planned features / improvements include:

* i18next support
* Component creation
* expanded text detection