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

# Installing the VS Code Orchestrate ADK extension

You can install Orchestrate ADK extension direcly in the Visual Code extensions.

Follow these steps to install the extension:

<Steps>
  <Step title="Open Visual Studio Code">
    Launch VS Code on your computer.
  </Step>

  <Step title="Open the extensions tab">
    Press `Ctrl + Shift + X` or click the extensions icon on the sidebar to open the extensions marketplace.
  </Step>

  <Step title="Search for the extension">
    Type "**watsonx Orchestrate ADK**" in the search bar.
  </Step>

  <Step title=" Install the extension">
    Click on the **watsonx Orchestrate ADK** extension from the results and click **Install**.

    <Frame>
      <img src="https://mintcdn.com/ibm-2e3153bf/8VhhBjlVFIv3jkK5/assets/adk_extension/install_adk.png?fit=max&auto=format&n=8VhhBjlVFIv3jkK5&q=85&s=678dc5b957c6cc837190d02054274cdb" width="893" height="159" data-path="assets/adk_extension/install_adk.png" />
    </Frame>
  </Step>
</Steps>

### Next steps

After installing the watsonx Orchestrate ADK extension in Visual Studio Code, you can preview the webchat embed and manage environment settings directly from VS Code.

* Use the webchat embed panel to see how the chat interface will appear in your application. For more information, see [Web chat embed](../adk_extension/webchat_embed).

* Configure the Environment Switcher to toggle between development, staging, and production environments. This ensures that your integration is tested and deployed in the correct context before going live. For more information, see [VS Code environment switcher](../adk_extension/environment_switcher).