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

# Setup and installation

<Note>
  Qodo IDE plugin, formerly Qodo Gen, brings local code review workflows to JetBrains and VS Code as part of the Qodo Platform.
</Note>

Welcome to the first step in enhancing your development workflow with Qodo. Follow this guide to download, install, and begin using Qodo in your IDE.

Choose your preferred environment to get full installation and usage instructions:

<div
  style={{
display: "grid",
gridTemplateColumns: "repeat(3, minmax(0, 1fr))",
gap: "12px",
marginTop: "16px",
marginBottom: "32px",
}}
>
  <a href="/qodo-ide/getting-started/setup-and-installation/vscode-installation" style={{ display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "8px", minHeight: "96px", padding: "16px 12px", border: "1px solid var(--border)", borderRadius: "12px", textDecoration: "none" }}>
    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/vscode/vscode-original.svg" alt="VSCode" style={{ width: "48px", height: "48px", pointerEvents: "none" }} />

    <span style={{ fontSize: "13px", fontWeight: 500, color: "var(--foreground)", textAlign: "center" }}>VSCode</span>
  </a>

  <a href="/qodo-ide/getting-started/setup-and-installation/jetbrains-installation" style={{ display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "8px", minHeight: "96px", padding: "16px 12px", border: "1px solid var(--border)", borderRadius: "12px", textDecoration: "none" }}>
    <img src="https://cdn.simpleicons.org/jetbrains/FF318C" alt="JetBrains" style={{ width: "48px", height: "48px", pointerEvents: "none" }} />

    <span style={{ fontSize: "13px", fontWeight: 500, color: "var(--foreground)", textAlign: "center" }}>JetBrains</span>
  </a>

  <a href="/qodo-ide/getting-started/setup-and-installation/visual-studio-installation" style={{ display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "8px", minHeight: "96px", padding: "16px 12px", border: "1px solid var(--border)", borderRadius: "12px", textDecoration: "none" }}>
    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/visualstudio/visualstudio-plain.svg" alt="Visual Studio" style={{ width: "48px", height: "48px", pointerEvents: "none" }} />

    <span style={{ fontSize: "13px", fontWeight: 500, color: "var(--foreground)", textAlign: "center" }}>Visual Studio</span>
  </a>
</div>