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

# Welcome to 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 Programmierassistenz ein.

**Windsurf Plugins** bringen KI‑gestützte Programmierassistenz in Ihre bevorzugte IDE oder Ihren bevorzugten Editor.

<Card title="Teams and Enterprise" icon="users" href="/de/plugins/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/plugins/cascade/cascade-overview"
  >
    Windsurfs Coding-Agent.
  </Card>

  <Card title="Usage" icon="bars-progress" href="/de/plugins/accounts/usage">
    Credits und Nutzung.
  </Card>

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

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

<Note>
  Diese Schritte gelten nicht für Enterprise-Kunden mit einem Self-Hosted-Plan.
  Wenn Sie ein Enterprise-Nutzer sind, folgen Sie bitte den Anweisungen in Ihrem Enterprise-Portal.
</Note>

<Note>
  Für Remote-Entwicklungsumgebungen verwenden Sie stattdessen das Plugin „Windsurf (Remote Development)“. Siehe den unten stehenden [Abschnitt „Remote Development“](#remote-development).
</Note>

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

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

  <Step title="Auf Language Server warten">
    Nach erfolgreicher Installation beginnt Windsurf mit dem Herunterladen eines Language Servers.
    Dabei handelt es sich um das Programm, das mit unseren APIs kommuniziert, damit Sie die KI-Funktionen von Windsurf nutzen können.
    Der Download dauert normalerweise zehn bis zwanzig Sekunden, kann aber je nach Internetverbindung variieren.
    In der Zwischenzeit können Sie Ihre IDE wie gewohnt verwenden.

    Unten rechts sollten Sie eine Benachrichtigung sehen, die den Fortschritt des Downloads anzeigt.

    <Frame>
      <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/jetbrains_ls_download_bar.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=83c47b7eb7dc9329b628a46e8907def2" width="1174" height="158" data-path="assets/jetbrains_ls_download_bar.png" />
    </Frame>
  </Step>

  <Step title="Autorisieren">
    Öffnen Sie ein Projekt. Windsurf fordert Sie mit einem Benachrichtigungs-Popup unten rechts dazu auf, sich über einen Link zu einer Anmeldeseite anzumelden.
    Alternativ klicken Sie auf das Widget rechts in der unteren Statusleiste und wählen dort die Anmeldeoption.

    <Frame>
      <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/jetbrains_login_widget.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=bfa992229c936db6bf7a8127db88f45a" width="690" height="230" data-path="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/codeium/d8O4q6w3H2CjrirL/assets/login_prompt_webpage.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=672f1635e88f7046b5eb4b3105a2df7a" width="1896" height="1442" data-path="assets/login_prompt_webpage.png" />
    </Frame>

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

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

  <Step title="Fertig!">
    Alles ist eingerichtet. Die KI-Funktionen von Windsurf – Autocomplete, Chat, Command und mehr – stehen Ihnen jetzt zur Verfügung.

    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-Einstellungen und weitere Steuerelemente.

    Wenn Sie frühzeitigen Zugriff auf neue Features 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/codeium/d8O4q6w3H2CjrirL/assets/jetbrains_status_bar.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=88a5e47f629e1845d61e658b5deb78cb" width="688" height="542" data-path="assets/jetbrains_status_bar.png" />
    </Frame>
  </Step>
</Steps>

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

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

Für fortgeschrittene, agentenbasierte KI-Funktionen und modernste Features empfehlen wir dringend, den nativen Windsurf Editor oder das lokale JetBrains-Plugin zu verwenden. Dieses Plugin erhält weiterhin die neuesten AI-Modelle, Kompatibilitätsupdates und Fehlerbehebungen, enthält jedoch nicht die neueren Funktionen, die exklusiv 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 das Menü `Plugins (Host)` in Ihrer JetBrains-IDE. Die Tastenkombination dafür ist `⌘+,` auf dem Mac und `Strg+,` unter Linux/Windows. Sie können es auch über das Einstellungsmenü aufrufen.
    Suchen Sie nach **„Windsurf (Remote Development)“** und installieren Sie es.
    Starten Sie Ihre IDE neu, wenn Sie dazu aufgefordert werden.

    <Frame>
      <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/jetbrains_remote_plugin_install_host.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=d211e58031d19dd7c14625882e105068" width="1494" height="1110" data-path="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/codeium/d8O4q6w3H2CjrirL/assets/jetbrains_remote_plugin_install_client.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=ab22c1e39b3e2213a042c5b77e9485da" width="1496" height="1098" data-path="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 Herunterladen eines Language Servers.
    Dieses Programm kommuniziert mit unseren APIs, damit Sie die KI-Funktionen von Windsurf nutzen können.
    Der Download dauert üblicherweise zehn bis zwanzig Sekunden, die Geschwindigkeit hängt jedoch von Ihrer Internetverbindung ab.
    In der Zwischenzeit können Sie Ihre IDE wie gewohnt verwenden.

    Unten rechts sollte eine Benachrichtigung den Fortschritt des Downloads anzeigen.

    <Frame>
      <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/jetbrains_ls_download_bar.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=83c47b7eb7dc9329b628a46e8907def2" width="1174" height="158" data-path="assets/jetbrains_ls_download_bar.png" />
    </Frame>
  </Step>

  <Step title="Autorisieren">
    Nachdem der Download des Language Servers abgeschlossen ist, wird Windsurf Sie mit einem Benachrichtigungs-Popup unten rechts zur Anmeldung auffordern und Sie zu einer Anmeldeseite weiterleiten.
    Alternativ können Sie das Widget rechts in der unteren Statusleiste anklicken und dort die Anmeldeoption auswählen.

    <Frame>
      <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/jetbrains_login_widget.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=bfa992229c936db6bf7a8127db88f45a" width="690" height="230" data-path="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/codeium/d8O4q6w3H2CjrirL/assets/login_prompt_webpage.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=672f1635e88f7046b5eb4b3105a2df7a" width="1896" height="1442" data-path="assets/login_prompt_webpage.png" />
    </Frame>

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

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

  <Step title="Alles erledigt!">
    Sie können nun die KI-Funktionen von Windsurf in Ihrer Remote-Entwicklungsumgebung nutzen.
  </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 über fortschrittliche agentenbasierte KI-Funktionen und modernste Features verfügen.
Die unten aufgeführten Plugins befinden sich im Wartungsmodus.

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

        <Frame>
          <img src="https://mintcdn.com/codeium/vRt4FQOyBeZpD2Pu/assets/vscode_extension_page.png?fit=max&auto=format&n=vRt4FQOyBeZpD2Pu&q=85&s=543ab4d80d64932510d9db4378301ec0" width="3100" height="2300" data-path="assets/vscode_extension_page.png" />
        </Frame>
      </Step>

      <Step title="Autorisieren">
        Nach der Installation zeigt VS Code Ihnen unten rechts eine Benachrichtigung an, um sich bei Windsurf anzumelden.
        Alternativ können Sie sich über das Profil-Symbol unten in der linken Seitenleiste bei Windsurf anmelden.

        <Frame>
          <img src="https://mintcdn.com/codeium/vRt4FQOyBeZpD2Pu/assets/vscode_login_init_left.png?fit=max&auto=format&n=vRt4FQOyBeZpD2Pu&q=85&s=40142fcfc135e01628f5545051b8120a" width="1870" height="360" data-path="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 möglicherweise Ihren Browser 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/codeium/d8O4q6w3H2CjrirL/assets/login_prompt_webpage.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=672f1635e88f7046b5eb4b3105a2df7a" width="1896" height="1442" data-path="assets/login_prompt_webpage.png" />
        </Frame>

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

      <Step title="Auf den Language Server warten">
        Sobald Sie angemeldet sind, beginnt Windsurf mit dem Herunterladen eines Language Servers.
        Dies ist das Programm, das mit unseren APIs kommuniziert, damit Sie die KI-Funktionen von Windsurf nutzen können.
        Der Download dauert in der Regel zehn bis zwanzig Sekunden, kann jedoch von Ihrer Internetverbindung abhängen.
        In der Zwischenzeit können Sie VS Code wie gewohnt verwenden.
      </Step>

      <Step title="Alles erledigt!">
        Alles bereit. Die KI-Funktionen von Windsurf – Autocomplete, Chat und Command – stehen Ihnen jetzt zur Verfügung.
      </Step>
    </Steps>
  </Tab>

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

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

    ### Verwendung des Windsurf-Plugins

    <Steps>
      <Step title="Setup">
        Obwohl Windsurf viele Sprachen unterstützt, demonstrieren wir das Ganze mit Python. Erstelle eine neue Datei `test.py`.
      </Step>

      <Step title="Aus Code">
        Windsurf kann auf Basis eines unvollständigen Funktionskopfs mehrere Zeilen Code vorschlagen:

        <Frame>
          <img src="https://mintcdn.com/codeium/vRt4FQOyBeZpD2Pu/assets/vim_tutorial/snippet_one.png?fit=max&auto=format&n=vRt4FQOyBeZpD2Pu&q=85&s=409f51d6a4a90405ac91cee23edee16b" alt="Snippet eins" width="508" height="260" data-path="assets/vim_tutorial/snippet_one.png" />
        </Frame>
      </Step>

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

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

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

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

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

        <Frame>
          <img src="https://mintcdn.com/codeium/vRt4FQOyBeZpD2Pu/assets/visual_studio_tutorial/manage_extensions.png?fit=max&auto=format&n=vRt4FQOyBeZpD2Pu&q=85&s=35d03bb50b8499567c41ea93fe8ea178" alt="Erweiterungen verwalten" width="636" height="171" data-path="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 dann auf **Download**.

        <Frame>
          <img src="https://mintcdn.com/codeium/vRt4FQOyBeZpD2Pu/assets/visual_studio_tutorial/install.png?fit=max&auto=format&n=vRt4FQOyBeZpD2Pu&q=85&s=1c004b5b2883643ab0724038ae1df460" alt="Plugin installieren" width="1413" height="985" data-path="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. Ein Browserfenster wird geöffnet und fordert Sie zur Anmeldung auf.
      </Step>

      <Step title="Konto erstellen">
        Wenn Sie noch kein Konto haben, werden Sie weitergeleitet, um eines zu erstellen.
      </Step>

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

    ### Windsurf-Plugin verwenden

    <Steps>
      <Step title="Setup">
        Windsurf unterstützt viele Sprachen; hier zeigen wir ein Beispiel mit C#. Erstellen oder öffnen Sie dazu eine C#-Datei.
      </Step>

      <Step title="Aus dem Code">
        Windsurf kann aus einer unvollständigen Funktionssignatur mehrere Zeilen Code vorschlagen:

        <Frame>
          <img src="https://mintcdn.com/codeium/vRt4FQOyBeZpD2Pu/assets/visual_studio_tutorial/suggestion.png?fit=max&auto=format&n=vRt4FQOyBeZpD2Pu&q=85&s=3ddaac8fa3871d2e99b4c6dfffc5f789" alt="Beispiel für Vorschlag" width="1128" height="461" data-path="assets/visual_studio_tutorial/suggestion.png" />
        </Frame>
      </Step>

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

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

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

    <Steps>
      <Step title="Jupyter-Erweiterung installieren">
        Öffne eine neue JupyterLab-Session. Füge in einer Zelle Folgendes ein und führe 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
        ```

        Falls du dich in einer virtuellen Umgebung befindest, führe Folgendes aus:

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

        Wenn die Befehle ausgeführt wurden, schließe das Notebook und stoppe den Jupyter-Server.
      </Step>

      <Step title="Jupyter starten">
        Starte Jupyter neu und öffne ein Notebook. Öffne die Einstellungen (<kbd>Strg</kbd> + <kbd>,</kbd>) und wechsle zum Abschnitt **Windsurf**. Du siehst Felder für eine Enterprise-URL und ein Token.

        <Frame>
          <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/jupyter_tutorial/codeium_settings.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=9f4d0045130c5c2bebe332eb1d61aeea" alt="Einstellungsoberfläche" width="1025" height="301" data-path="assets/jupyter_tutorial/codeium_settings.png" />
        </Frame>

        Klicke auf **Windsurf-Authentifizierungs-Token abrufen** und folge dem Link. Füge das Token anschließend wieder im Einstellungsdialog ein.

        <Frame>
          <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/jupyter_tutorial/settings_menu.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=a22a4747a45c1f02e43ca6e8cf73c043" alt="Einstellungsmenü" width="330" height="89" data-path="assets/jupyter_tutorial/settings_menu.png" />
        </Frame>

        <Note>Wenn du die Windsurf-Einstellungen nicht finden kannst, hast du Jupyter vermutlich nicht neu gestartet. Stoppe den Server (Strg+C) und starte ihn erneut mit <code>jupyter lab</code>.</Note>
      </Step>

      <Step title="Konto erstellen">
        Wenn du noch kein Windsurf-Konto hast, wirst du aufgefordert, eines zu erstellen.
      </Step>

      <Step title="Authentifizieren">
        Nachdem du dich angemeldet hast, kopiere das Token und füge es in den Einstellungsdialog ein.

        <Frame>
          <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/jupyter_tutorial/auth_token_setting.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=51ac326b9b5870e5fdc8ff11c8ce6e8a" alt="Auth-Token-Feld" width="818" height="326" data-path="assets/jupyter_tutorial/auth_token_setting.png" />
        </Frame>
      </Step>

      <Step title="Fertig!">
        Du bist startklar. Die KI-Funktionen von Windsurf stehen dir jetzt in Jupyter zur Verfügung.
      </Step>
    </Steps>

    ### Windsurf Plugin verwenden

    <Steps>
      <Step title="Aus Code">
        Windsurf kann aus einem teilweise geschriebenen Funktionskopf mehrere Codezeilen vorschlagen:

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

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

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

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

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

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

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

      <Step title="Erweiterung anheften">
        Öffne das Erweiterungs-Dropdown-Menü und klicke auf das **Pin**-Symbol, damit das Windsurf-Symbol sichtbar bleibt.

        <Frame>
          <img src="https://mintcdn.com/codeium/DnGnXhZxl1qb2EWt/assets/chrome_tutorial/pin_extension.png?fit=max&auto=format&n=DnGnXhZxl1qb2EWt&q=85&s=e291a9235581423bb3434721d89aeddb" alt="Erweiterung anheften" width="1106" height="674" data-path="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/codeium/DnGnXhZxl1qb2EWt/assets/chrome_tutorial/sign_in.png?fit=max&auto=format&n=DnGnXhZxl1qb2EWt&q=85&s=b92a046f9481a49030330a057a6d7177" alt="Anmelden" width="1106" height="674" data-path="assets/chrome_tutorial/sign_in.png" />
        </Frame>
      </Step>

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

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

    ### Windsurf verwenden

    <Steps>
      <Step title="Aus Code">
        Windsurf kann anhand eines unvollständigen Funktionskopfs mehrere Zeilen Code vorschlagen:

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

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

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

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

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

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

        <Frame>
          <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/eclipse_tutorial/drag.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=363884b6bb7b71f1efab7219883a9271" alt="Installationsschaltfläche ziehen" width="1430" height="732" data-path="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/codeium/d8O4q6w3H2CjrirL/assets/eclipse_tutorial/confirm.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=a32ed25242dcb249c11a7b549b879fcf" alt="Features bestätigen" width="1192" height="666" data-path="assets/eclipse_tutorial/confirm.png" />
        </Frame>
      </Step>

      <Step title="Unsigned Content vertrauen">
        Wählen Sie im Dialogfeld **Trust Artifacts** die Option **Unsigned** und klicken Sie auf **Trust**.

        <Frame>
          <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/eclipse_tutorial/trust.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=e8181502397e14314c82d732bc56bddc" alt="Unsigned vertrauen" width="1154" height="590" data-path="assets/eclipse_tutorial/trust.png" />
        </Frame>
      </Step>

      <Step title="Eclipse neu starten">
        Wenn Sie dazu aufgefordert werden, starten Sie Eclipse neu, um die Installation abzuschließen.

        <Frame>
          <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/eclipse_tutorial/restart.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=237032c3f9306b396c29a8c24bece219" alt="Eclipse neu starten" width="1084" height="242" data-path="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 bereit. Die KI-Funktionen von Windsurf stehen jetzt in Eclipse zur Verfügung.</Step>
    </Steps>

    ### Verwendung von Windsurf

    <Steps>
      <Step title="Einrichtung">
        Windsurf unterstützt viele Sprachen, wir demonstrieren dies jedoch mit Java. Erstellen Sie eine neue Datei `Fib.java`.
      </Step>

      <Step title="Aus dem Code">
        Windsurf kann mehrere Zeilen Code aus einer teilweise geschriebenen Methodensignatur 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 anzunehmen.</Step>
    </Steps>
  </Tab>
</Tabs>
