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

# Willkommen bei Windsurf Plugins

> Installieren und richten Sie Windsurf Plugins für JetBrains, VS Code, Visual Studio, Vim, NeoVim, Jupyter, Chrome und andere IDEs mit KI-gestützter Programmierunterstützung ein.

**Windsurf Plugins** bieten KI-gestützte Programmierunterstützung für Ihre bevorzugte IDE oder Ihren bevorzugten Editor.

<Card title="Teams und Enterprise" icon="users" href="/de/desktop/accounts/teams-getting-started">
  Starten Sie mit Ihrem Team!
</Card>

<CardGroup cols={3}>
  <Card
    title="Cascade"
    icon={
<svg
width="25"
height="25"
viewBox="0 0 1292 1292"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
  d="M1195 599C1195 848.08 993.08 1050 744 1050C494.92 1050 293 848.08 293 599C293 349.92 494.92 148 744 148C993.08 148 1195 349.92 1195 599ZM411.5 599C411.5 782.635 560.365 931.5 744 931.5C927.635 931.5 1076.5 782.635 1076.5 599C1076.5 415.365 927.635 266.5 744 266.5C560.365 266.5 411.5 415.365 411.5 599Z"
  fill="#34E8BB"
/>
<path
  d="M1096.19 1053.62C1116.8 1078.03 1113.86 1114.77 1087.65 1133.04C1002.41 1192.46 903.441 1229.92 799.584 1241.61C676.505 1255.46 552.082 1232.51 442.049 1175.65C332.016 1118.79 241.314 1030.58 181.415 922.172C130.87 830.693 104.172 728.301 103.33 624.396C103.071 592.449 131.338 568.79 163.173 571.479C195.007 574.168 218.29 602.208 219.218 634.143C221.573 715.175 243.206 794.78 282.679 866.22C331.512 954.6 405.457 1026.51 495.161 1072.87C584.866 1119.22 686.302 1137.94 786.643 1126.64C867.75 1117.51 945.198 1089.11 1012.66 1044.15C1039.24 1026.44 1075.58 1029.21 1096.19 1053.62Z"
  fill="#34E8BB"
/>
<path
  d="M177.334 450.08C146.261 442.514 126.947 411.072 137.349 380.829C160.687 312.983 195.56 249.512 240.566 193.267C285.571 137.023 339.851 89.0802 400.928 51.4326C428.153 34.6511 463.065 46.5999 477.261 75.2582C491.457 103.917 479.508 138.389 452.641 155.738C406.542 185.506 365.436 222.584 330.994 265.627C296.552 308.67 269.39 356.906 250.456 408.411C239.421 438.428 208.408 457.646 177.334 450.08Z"
  fill="#34E8BB"
/>
</svg>
}
    href="/de/windsurf/plugins/cascade/cascade-overview"
  >
    Der Coding-Agent von Windsurf.
  </Card>

  <Card title="Nutzung" icon="bars-progress" href="/de/desktop/accounts/usage">
    Guthaben und Nutzung.
  </Card>

  <Card title="Modelle" icon="robot" href="/de/windsurf/plugins/cascade/models">
    Verfügbare Modelle.
  </Card>
</CardGroup>

<div id="jetbrains-local">
  ## JetBrains (Local)
</div>

<Note>
  Diese Schritte gelten nicht für Enterprises mit einem self-hosted Plan.
  Wenn Sie Enterprise-Nutzer sind, beachten Sie bitte die Anweisungen in Ihrem Enterprise-Portal.
</Note>

<Note>
  Verwenden Sie für Remote-Development-Umgebungen stattdessen das Plugin „Windsurf (Remote Development)“. Weitere Informationen finden Sie unten im Abschnitt [Remote Development](#remote-development).
</Note>

<Steps>
  <Step title="Lokales Plugin installieren">
    Öffnen Sie in Ihrer JetBrains-IDE das Menü `Plugins`. Die Tastenkombination dafür ist auf dem Mac `⌘+,` und unter Linux/Windows `Ctrl+,`. Sie können es auch über das Menü Settings öffnen.
    Suchen Sie nach dem Windsurf-Plugin und installieren Sie es. Anschließend werden Sie vom Plugin-Loader aufgefordert, die IDE neu zu starten.

    <Frame>
      <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jetbrains_plugin_install.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=dd4f7af540fb84d92187b363bca749e5" width="1368" height="1052" data-path="desktop/assets/jetbrains_plugin_install.png" />
    </Frame>
  </Step>

  <Step title="Auf den Language Server warten">
    Nach der erfolgreichen Installation beginnt Windsurf mit dem Herunterladen eines Language Servers.
    Dieses Programm kommuniziert mit unseren APIs, damit Sie die KI-Funktionen von Windsurf nutzen können.
    Der Download dauert in der Regel zehn bis zwanzig Sekunden, kann je nach Internetverbindung jedoch unterschiedlich schnell sein.
    In der Zwischenzeit können Sie Ihre IDE wie gewohnt weiterverwenden.

    Unten rechts sollte eine Benachrichtigung erscheinen, die den Fortschritt des Downloads anzeigt.

    <Frame>
      <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jetbrains_ls_download_bar.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=7c42a7e984909d4c116541d29e27c821" width="1174" height="158" data-path="desktop/assets/jetbrains_ls_download_bar.png" />
    </Frame>
  </Step>

  <Step title="Autorisieren">
    Öffnen Sie ein Projekt. Windsurf fordert Sie dann über ein Benachrichtigungs-Popup unten rechts zur Anmeldung auf und leitet Sie zu einer Anmeldeseite weiter.
    Alternativ können Sie auf das Widget rechts in der unteren Statusleiste klicken und dort die Anmeldeoption auswählen.

    <Frame>
      <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jetbrains_login_widget.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=b3d4fedf3729ea04c72acf6ee7db8fc7" width="690" height="230" data-path="desktop/assets/jetbrains_login_widget.png" />
    </Frame>

    Wenn Sie noch nicht angemeldet sind, werden Sie aufgefordert, sich anzumelden oder ein Konto zu erstellen.

    <Frame>
      <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/login_prompt_webpage.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=2dc52c3a7979daa299dc7b652d74cad5" width="1896" height="1442" data-path="desktop/assets/login_prompt_webpage.png" />
    </Frame>

    Sobald Sie angemeldet sind, zeigt die Webseite an, dass Sie zu Ihrer IDE zurückkehren können.

    <Frame>
      <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/login_successful_webpage.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=c4b3cfae5544a8dfcb6199fd3cf3af80" width="1702" height="450" data-path="desktop/assets/login_successful_webpage.png" />
    </Frame>
  </Step>

  <Step title="Fertig!">
    Sie sind startklar. Die KI-Funktionen von Windsurf — Autocomplete, Chat, Command und mehr — sind jetzt verfügbar.

    Sie können Ihren status jederzeit prüfen, indem Sie unten rechts auf das Widget in der Statusleiste klicken.
    Wenn Sie angemeldet sind, haben Sie Zugriff auf Ihre Windsurf-Settings und weitere Optionen.

    Wenn Sie frühzeitigen Zugriff auf neue Funktionen möchten, klicken Sie auf „Switch to Pre-Release“,
    um die [neueste Pre-Release-Version](https://plugins.jetbrains.com/plugin/20540-windsurf-plugin-for-python-js-java-go--/versions/pre-release)
    des Plugins auszuprobieren.

    <Frame>
      <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jetbrains_status_bar.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=b6306ecf96e52ca33a184a1b6ea76912" width="688" height="542" data-path="desktop/assets/jetbrains_status_bar.png" />
    </Frame>
  </Step>
</Steps>

<div id="remote-development">
  ### Remote Development
</div>

Für JetBrains-IDEs, die in Remote-Development-Umgebungen verwendet werden, müssen Sie das separate Plugin „Windsurf (Remote Development)“ verwenden.

Für fortschrittliche agentische KI-Funktionen und modernste Features empfehlen wir ausdrücklich den nativen Windsurf-Editor oder das lokale JetBrains-Plugin. Dieses Plugin erhält weiterhin die neuesten Modelle, Kompatibilitätsupdates und Fehlerbehebungen, enthält jedoch keine neueren Funktionen, die ausschließlich im Windsurf-Editor verfügbar sind.

<div id="requirements">
  #### Anforderungen
</div>

* JetBrains-IDE-Version 2025.1.3 oder höher

<div id="installation-steps">
  #### Installationsschritte
</div>

<Steps>
  <Step title="Auf dem Host installieren">
    Öffnen Sie in Ihrer JetBrains-IDE das Menü `Plugins (Host)`. Die Tastenkombination dafür ist auf dem Mac `⌘+,` und unter Linux/Windows `Ctrl+,`. Sie können es auch über das Menü `Settings` öffnen.
    Suchen Sie nach **"Windsurf (Remote Development)"** und installieren Sie das Plugin.
    Starten Sie Ihre IDE neu, wenn Sie dazu aufgefordert werden.

    <Frame>
      <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jetbrains_remote_plugin_install_host.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=773357231fb9838593fdceed36a10383" width="1494" height="1110" data-path="desktop/assets/jetbrains_remote_plugin_install_host.png" />
    </Frame>
  </Step>

  <Step title="Auf dem Client installieren">
    Öffnen Sie das Menü `Plugins (Client)` und suchen Sie nach **"Windsurf (Remote Development)"**.
    Installieren Sie das Plugin und starten Sie die IDE erneut.

    <Frame>
      <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jetbrains_remote_plugin_install_client.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=3537fc3ebc5fe924a6d1c5f342e8a433" width="1496" height="1098" data-path="desktop/assets/jetbrains_remote_plugin_install_client.png" />
    </Frame>
  </Step>

  <Step title="Auf den Language Server warten">
    Nach der Installation des Plugins auf dem Host beginnt Windsurf mit dem Download eines Language Servers.
    Dieses Programm kommuniziert mit unseren APIs, damit Sie die KI-Funktionen von Windsurf nutzen können.
    Der Download dauert normalerweise zehn bis zwanzig Sekunden, kann aber je nach Internetverbindung unterschiedlich schnell sein.
    In der Zwischenzeit können Sie Ihre IDE wie gewohnt verwenden.

    Unten rechts sollte eine Benachrichtigung angezeigt werden, die den Fortschritt des Downloads anzeigt.

    <Frame>
      <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jetbrains_ls_download_bar.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=7c42a7e984909d4c116541d29e27c821" width="1174" height="158" data-path="desktop/assets/jetbrains_ls_download_bar.png" />
    </Frame>
  </Step>

  <Step title="Autorisieren">
    Sobald der Download des Language Servers abgeschlossen ist, fordert Windsurf Sie unten rechts per Benachrichtigung zur Anmeldung auf und leitet Sie zu einer Anmeldeseite weiter.
    Alternativ klicken Sie auf das Widget rechts in der unteren Statusleiste und wählen dort die Anmeldeoption aus.

    <Frame>
      <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jetbrains_login_widget.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=b3d4fedf3729ea04c72acf6ee7db8fc7" width="690" height="230" data-path="desktop/assets/jetbrains_login_widget.png" />
    </Frame>

    Wenn Sie noch nicht angemeldet sind, werden Sie aufgefordert, sich anzumelden oder ein Konto zu erstellen.

    <Frame>
      <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/login_prompt_webpage.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=2dc52c3a7979daa299dc7b652d74cad5" width="1896" height="1442" data-path="desktop/assets/login_prompt_webpage.png" />
    </Frame>

    Sobald Sie angemeldet sind, zeigt die Webseite an, dass Sie zu Ihrer IDE zurückkehren können.

    <Frame>
      <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/login_successful_webpage.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=c4b3cfae5544a8dfcb6199fd3cf3af80" width="1702" height="450" data-path="desktop/assets/login_successful_webpage.png" />
    </Frame>
  </Step>

  <Step title="Fertig!">
    Sie sind startklar. Die KI-Funktionen von Windsurf sind jetzt in Ihrer Remote-Umgebung verfügbar.
  </Step>
</Steps>

<div id="older-plugins">
  ## Ältere Plugins
</div>

Wir empfehlen dringend, den nativen Windsurf-Editor oder das lokale JetBrains-Plugin zu verwenden, da sie fortschrittliche agentische KI-Funktionen und modernste Features bieten.
Die folgenden Plugins befinden sich im Wartungsmodus.

<Tabs>
  <Tab title="Visual Studio Code">
    <Steps>
      <Step title="Plugin installieren">
        Suchen Sie im VS Code Marketplace nach dem Windsurf Plugin (früher Codeium) und installieren Sie es.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/hxeMffzXgF_RWx-U/desktop/assets/vscode_extension_page.png?fit=max&auto=format&n=hxeMffzXgF_RWx-U&q=85&s=50e7c72b33c68f441e084184fb50a204" width="3100" height="2300" data-path="desktop/assets/vscode_extension_page.png" />
        </Frame>
      </Step>

      <Step title="Autorisieren">
        Nach der Installation fordert VS Code Sie unten rechts per Benachrichtigung auf, sich bei Windsurf anzumelden.
        Alternativ können Sie sich auch über das Profilsymbol unten in der linken Seitenleiste bei Windsurf anmelden.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/hxeMffzXgF_RWx-U/desktop/assets/vscode_login_init_left.png?fit=max&auto=format&n=hxeMffzXgF_RWx-U&q=85&s=d6d0292cb06afbdbde0c96e7dacbc641" width="1870" height="360" data-path="desktop/assets/vscode_login_init_left.png" />
        </Frame>

        <Note>Wenn Sie eine Fehlermeldung erhalten, dass der Browser keinen Link aus Visual Studio Code öffnen kann, müssen Sie Ihren Browser möglicherweise aktualisieren und den Autorisierungsvorgang neu starten.</Note>
        Wenn Sie noch nicht angemeldet sind, werden Sie aufgefordert, sich anzumelden oder ein Konto zu erstellen.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/login_prompt_webpage.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=2dc52c3a7979daa299dc7b652d74cad5" width="1896" height="1442" data-path="desktop/assets/login_prompt_webpage.png" />
        </Frame>

        Sobald Sie angemeldet sind, werden Sie zurück zu Visual Studio Code weitergeleitet.
        <Note>Wenn Sie eine browserbasierte VS Code-IDE wie GitPod oder Codespaces verwenden, werden Sie zu Anweisungen weitergeleitet, wie Sie die Authentifizierung durch Angabe eines Access-Tokens abschließen.</Note>
      </Step>

      <Step title="Auf den Language Server warten">
        Sobald Sie angemeldet sind, startet Windsurf den Download eines Language Servers.
        Dieses Programm kommuniziert mit unseren APIs und ermöglicht Ihnen so die Nutzung der KI-Funktionen von Windsurf.
        Der Download dauert in der Regel zehn bis zwanzig Sekunden, kann aber je nach Internetverbindung unterschiedlich schnell sein.
        In der Zwischenzeit können Sie VS Code wie gewohnt verwenden.
      </Step>

      <Step title="Fertig!">
        Sie sind startklar. Die KI-Funktionen von Windsurf — Autocomplete, Chat und Command — sind jetzt verfügbar.
      </Step>
    </Steps>
  </Tab>

  <Tab title="Vim / Neovim">
    ### Installation der Erweiterung

    <Steps>
      <Step title="Plugin installieren">
        Befolgen Sie die Anweisungen unter **Get Started** im öffentlichen [`codeium.vim` Repo](https://github.com/Exafunction/codeium.vim). Das war’s!
      </Step>
    </Steps>

    ### Windsurf-Plugin verwenden

    <Steps>
      <Step title="Setup">
        Windsurf unterstützt viele Sprachen, wir zeigen hier jedoch ein Beispiel mit Python. Erstellen Sie eine neue Datei `test.py`.
      </Step>

      <Step title="Aus Code">
        Windsurf kann aus einer unvollständigen Funktionsdefinition mehrere Codezeilen vorschlagen:

        <Frame>
          <img src="https://mintcdn.com/cognitionai/hxeMffzXgF_RWx-U/desktop/assets/vim_tutorial/snippet_one.png?fit=max&auto=format&n=hxeMffzXgF_RWx-U&q=85&s=56cceeb4e57cb230ed4402d80e9321d9" alt="Snippet eins" width="508" height="260" data-path="desktop/assets/vim_tutorial/snippet_one.png" />
        </Frame>
      </Step>

      <Step title="Vorschlag annehmen">
        Drücken Sie **Tab**, um den Vorschlag zu übernehmen.
      </Step>

      <Step title="Aus Kommentaren">
        Windsurf versteht auch Kommentare:

        <Frame>
          <img src="https://mintcdn.com/cognitionai/hxeMffzXgF_RWx-U/desktop/assets/vim_tutorial/snippet_two.png?fit=max&auto=format&n=hxeMffzXgF_RWx-U&q=85&s=1cb4d83f6c1e5eb79b12b87e7d07b756" alt="Snippet zwei" width="712" height="392" data-path="desktop/assets/vim_tutorial/snippet_two.png" />
        </Frame>
      </Step>
    </Steps>
  </Tab>

  <Tab title="Visual Studio">
    ### Installation der Erweiterung

    <Steps>
      <Step title="Marketplace für Erweiterungen öffnen">
        Klicken Sie in der Menüleiste von Visual Studio auf **Extensions → Manage Extensions**.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/hxeMffzXgF_RWx-U/desktop/assets/visual_studio_tutorial/manage_extensions.png?fit=max&auto=format&n=hxeMffzXgF_RWx-U&q=85&s=ec281edf92c6e491f1e9378396ed47af" alt="Manage Extensions" width="636" height="171" data-path="desktop/assets/visual_studio_tutorial/manage_extensions.png" />
        </Frame>
      </Step>

      <Step title="Windsurf-Plugin installieren">
        Klicken Sie in **Manage Extensions** auf **Visual Studio Marketplace**, suchen Sie nach **Windsurf** und klicken Sie anschließend auf **Download**.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/hxeMffzXgF_RWx-U/desktop/assets/visual_studio_tutorial/install.png?fit=max&auto=format&n=hxeMffzXgF_RWx-U&q=85&s=0f44e8fb5cbb523a8c0943e828e4d568" alt="Plugin installieren" width="1413" height="985" data-path="desktop/assets/visual_studio_tutorial/install.png" />
        </Frame>
      </Step>

      <Step title="Visual Studio neu starten">
        Schließen Sie das Fenster und starten Sie Visual Studio neu.
      </Step>

      <Step title="Beim Windsurf-Plugin anmelden">
        Öffnen oder erstellen Sie ein Projekt. Daraufhin öffnet sich ein Browserfenster, in dem Sie sich anmelden können.
      </Step>

      <Step title="Konto erstellen">
        Wenn Sie noch kein Konto haben, werden Sie zum Erstellen eines Kontos weitergeleitet.
      </Step>

      <Step title="Fertig!">
        Sie sind startklar. Die KI-Funktionen von Windsurf sind jetzt in Visual Studio verfügbar.
      </Step>
    </Steps>

    ### Windsurf-Plugin verwenden

    <Steps>
      <Step title="Setup">
        Windsurf unterstützt viele Sprachen, in diesem Beispiel verwenden wir jedoch C#. Erstellen oder öffnen Sie eine C#-Datei.
      </Step>

      <Step title="Aus Code">
        Windsurf kann auf Grundlage einer unvollständigen Funktionssignatur mehrere Codezeilen vorschlagen:

        <Frame>
          <img src="https://mintcdn.com/cognitionai/hxeMffzXgF_RWx-U/desktop/assets/visual_studio_tutorial/suggestion.png?fit=max&auto=format&n=hxeMffzXgF_RWx-U&q=85&s=509e9668b87c83b58da01f24d5d7e8d6" alt="Beispiel für einen Vorschlag" width="1128" height="461" data-path="desktop/assets/visual_studio_tutorial/suggestion.png" />
        </Frame>
      </Step>

      <Step title="Vorschlag annehmen">
        Drücken Sie **Tab**, um den Vorschlag zu übernehmen.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/hxeMffzXgF_RWx-U/desktop/assets/visual_studio_tutorial/post_accept.png?fit=max&auto=format&n=hxeMffzXgF_RWx-U&q=85&s=dbbd4947df7b36439b12455e291d321d" alt="Nach dem Annehmen" width="1215" height="514" data-path="desktop/assets/visual_studio_tutorial/post_accept.png" />
        </Frame>
      </Step>
    </Steps>
  </Tab>

  <Tab title="Jupyter Notebook">
    ### Windsurf-Plugin installieren

    <Steps>
      <Step title="Jupyter-Erweiterung installieren">
        Öffnen Sie eine neue JupyterLab-Sitzung. Fügen Sie in eine Zelle Folgendes ein und führen Sie es mit `Shift+Enter` aus:

        ```python theme={null}
        import sys
        !{sys.executable} -m pip install -U pip --user
        !{sys.executable} -m pip install -U codeium-jupyter --user
        ```

        Wenn Sie sich in einer virtuellen Umgebung befinden, führen Sie Folgendes aus:

        ```python theme={null}
        import sys
        !{sys.executable} -m pip install -U pip
        !{sys.executable} -m pip install -U codeium-jupyter
        ```

        Sobald die Befehle abgeschlossen sind, schließen Sie das Notebook und beenden Sie den Jupyter-Server.
      </Step>

      <Step title="Jupyter starten">
        Starten Sie Jupyter neu und öffnen Sie ein Notebook. Öffnen Sie die Settings (<kbd>Ctrl</kbd> + <kbd>,</kbd>) und wechseln Sie zum Abschnitt **Windsurf**. Dort sehen Sie Felder für eine Enterprise-URL und ein Token.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jupyter_tutorial/codeium_settings.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=a48ed36e9986ebce74a70957d0de9a56" alt="Settings-UI" width="1025" height="301" data-path="desktop/assets/jupyter_tutorial/codeium_settings.png" />
        </Frame>

        Klicken Sie auf **Windsurf-Authentifizierungs-Token abrufen** und folgen Sie dem Link. Fügen Sie das Token anschließend wieder in den Settings-Dialog ein.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jupyter_tutorial/settings_menu.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=e65377b54144633bcceeccc570112a64" alt="Settings-Menü" width="330" height="89" data-path="desktop/assets/jupyter_tutorial/settings_menu.png" />
        </Frame>

        <Note>Wenn Sie die Windsurf-Settings nicht finden, haben Sie Jupyter wahrscheinlich nicht neu gestartet. Beenden Sie den Server (Ctrl+C) und starten Sie ihn mit <code>jupyter lab</code> erneut.</Note>
      </Step>

      <Step title="Konto erstellen">
        Wenn Sie noch kein Windsurf-Konto haben, werden Sie aufgefordert, eines zu erstellen.
      </Step>

      <Step title="Authentifizieren">
        Kopieren Sie nach der Anmeldung das Token und fügen Sie es in den Settings-Dialog ein.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jupyter_tutorial/auth_token_setting.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=797b0858e6c28fdd3788dd4da99738fd" alt="Feld für Authentifizierungs-Token" width="818" height="326" data-path="desktop/assets/jupyter_tutorial/auth_token_setting.png" />
        </Frame>
      </Step>

      <Step title="Alles erledigt!">
        Sie sind startklar. Die KI-Funktionen von Windsurf sind jetzt in Jupyter verfügbar.
      </Step>
    </Steps>

    ### Windsurf-Plugin verwenden

    <Steps>
      <Step title="Aus Code">
        Windsurf kann aus einem unvollständigen Funktionskopf mehrere Codezeilen vorschlagen:

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jupyter_tutorial/snippet_one.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=937093abad3726215c8dc00360dc3077" alt="Snippet eins" width="1420" height="346" data-path="desktop/assets/jupyter_tutorial/snippet_one.png" />
        </Frame>
      </Step>

      <Step title="Vorschlag annehmen">Drücken Sie **Tab**, um den Vorschlag anzunehmen.</Step>

      <Step title="Aus Kommentaren">
        Windsurf versteht auch Kommentare:

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jupyter_tutorial/snippet_two.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=0d61f52f85e4b65729f665b24555af6a" alt="Snippet zwei" width="1741" height="518" data-path="desktop/assets/jupyter_tutorial/snippet_two.png" />
        </Frame>
      </Step>
    </Steps>
  </Tab>

  <Tab title="Chrome">
    ### Windsurf installieren

    <Steps>
      <Step title="Chrome-Erweiterung installieren">
        Öffne die Seite im [Chrome Web Store](https://chrome.google.com/webstore/detail/codeium/hobjkcpmjhlegmobgonaagepfckjkceh) und klicke auf **Zu Chrome hinzufügen**.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/chrome_tutorial/chrome_web_store.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=c053874a5b39229322bf55675ce8050d" alt="Chrome Web Store" width="2070" height="1608" data-path="desktop/assets/chrome_tutorial/chrome_web_store.png" />
        </Frame>
      </Step>

      <Step title="Erweiterung anpinnen">
        Öffne das Erweiterungsmenü und klicke auf das **Anpinnen**-Symbol, damit das Windsurf-Symbol sichtbar bleibt.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/chrome_tutorial/pin_extension.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=2a53cf606cf60491cfa8098d56a04a84" alt="Erweiterung anpinnen" width="1106" height="674" data-path="desktop/assets/chrome_tutorial/pin_extension.png" />
        </Frame>
      </Step>

      <Step title="Anmelden">
        Die Erweiterung öffnet automatisch eine Anmeldeseite. Falls nicht, klicke auf das Erweiterungssymbol und folge dem Link.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/chrome_tutorial/sign_in.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=38a23f844da99a94f3c5fab13cda037e" alt="Anmelden" width="1106" height="674" data-path="desktop/assets/chrome_tutorial/sign_in.png" />
        </Frame>
      </Step>

      <Step title="Fertig!">
        Du bist startklar. Versuche, ein [neues Colab-Notebook zu erstellen](https://colab.research.google.com/#create=true).

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/chrome_tutorial/signed_in.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=aa954333be317ef5b43bbd2efead831a" alt="Angemeldet" width="1106" height="674" data-path="desktop/assets/chrome_tutorial/signed_in.png" />
        </Frame>
      </Step>
    </Steps>

    ### Windsurf verwenden

    <Steps>
      <Step title="Aus Code">
        Windsurf kann aus einem unvollständigen Funktionsheader mehrere Codezeilen vorschlagen:

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/chrome_tutorial/snippet_one.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=c385f4aad6c7f6dd37375dd008f42faa" alt="Snippet eins" width="1106" height="674" data-path="desktop/assets/chrome_tutorial/snippet_one.png" />
        </Frame>
      </Step>

      <Step title="Vorschlag akzeptieren">Drücke **Tab**, um ihn zu übernehmen.</Step>

      <Step title="Aus Kommentaren">
        Windsurf versteht auch Kommentare:

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/chrome_tutorial/snippet_two.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=ea9c51230baaa6e15b0281b7c58f9cc2" alt="Snippet zwei" width="1106" height="766" data-path="desktop/assets/chrome_tutorial/snippet_two.png" />
        </Frame>
      </Step>
    </Steps>
  </Tab>

  <Tab title="Eclipse">
    ### Installation der Erweiterung

    <Steps>
      <Step title="Install-Schaltfläche ziehen">
        Rufen Sie die [Windsurf-Plugin-Seite im Eclipse Marketplace](https://marketplace.eclipse.org/content/codeium) auf und ziehen Sie die **Install**-Schaltfläche in die Eclipse-Symbolleiste.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/eclipse_tutorial/drag.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=e4331b14785272e8cbb239c1cef54cc3" alt="Install-Schaltfläche ziehen" width="1430" height="732" data-path="desktop/assets/eclipse_tutorial/drag.png" />
        </Frame>
      </Step>

      <Step title="Ausgewählte Features bestätigen">
        Klicken Sie im Dialogfeld **Confirm Selected Features** auf **Confirm**.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/eclipse_tutorial/confirm.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=f82052920f3911172320e6ada23bd925" alt="Features bestätigen" width="1192" height="666" data-path="desktop/assets/eclipse_tutorial/confirm.png" />
        </Frame>
      </Step>

      <Step title="Nicht signierten Inhalten vertrauen">
        Wählen Sie im Dialogfeld **Trust Artifacts** **Unsigned** aus und klicken Sie auf **Trust**.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/eclipse_tutorial/trust.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=1c32f353f88969e41656b9827026bd1c" alt="Nicht signierten Inhalten vertrauen" width="1154" height="590" data-path="desktop/assets/eclipse_tutorial/trust.png" />
        </Frame>
      </Step>

      <Step title="Eclipse neu starten">
        Starten Sie Eclipse auf Aufforderung neu, um die Installation abzuschließen.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/eclipse_tutorial/restart.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=a45ba0c0b8c12c6630560cf50f1a2958" alt="Eclipse neu starten" width="1084" height="242" data-path="desktop/assets/eclipse_tutorial/restart.png" />
        </Frame>
      </Step>

      <Step title="Konto erstellen / Anmelden">
        Wenn sich der Browser öffnet, melden Sie sich an oder erstellen Sie ein Konto und kehren Sie dann zu Eclipse zurück.
      </Step>

      <Step title="Fertig!">Alles ist eingerichtet. Die KI-Features von Windsurf sind jetzt in Eclipse verfügbar.</Step>
    </Steps>

    ### Windsurf verwenden

    <Steps>
      <Step title="Setup">
        Windsurf unterstützt zwar viele Sprachen, wir zeigen das Beispiel jedoch mit Java. Erstellen Sie eine neue Datei `Fib.java`.
      </Step>

      <Step title="Aus Code">
        Windsurf kann anhand eines unvollständigen Funktions-Headers mehrere Codezeilen vorschlagen:

        ```java theme={null}
        package test;

        public class Fib {

            public int fib(int n) {
            }

        }
        ```
      </Step>

      <Step title="Vorschlag annehmen">Drücken Sie **Tab**, um den Vorschlag zu übernehmen.</Step>
    </Steps>
  </Tab>
</Tabs>
