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

# Devin-Sitzungstools

> Vollständige Anleitung zu Devins Shell-, IDE- und Browser-Tools

Devin stellt während Sitzungen drei leistungsstarke Tools zur Verfügung, mit denen du Devins Arbeit überwachen, mit ihr interagieren und sie bei Bedarf übernehmen kannst: die Shell, die IDE und den Browser. Diese Tools arbeiten zusammen, um dir vollständige Transparenz und Kontrolle über Devins Entwicklungsumgebung zu geben. Die Registerkarte „Progress“ fasst diese Tools in einer einheitlichen Ansicht zusammen und bietet dir klare Einblicke in Devins laufende Arbeit.

<div id="progress-tab">
  ## Registerkarte „Fortschritt“
</div>

Sie können in einer Devin-Sitzung auf jeden der Schritte oder auf die Registerkarte „Fortschritt“ klicken, um die Details dieses Schritts anzuzeigen. Alle Shell-Befehle, Code-Änderungen und Browser-Aktivitäten werden in einer einheitlichen Ansicht protokolliert.

<Frame>
  <img src="https://mintcdn.com/cognitionai-enterprise/iKOpW3Zi8GwLBaAz/images/work-with-devin/devin-progress-tab.gif?s=83f5150ce3a164f234e295210e68d961" alt="Devin" width="800" height="563" data-path="images/work-with-devin/devin-progress-tab.gif" />
</Frame>

<div id="shell-terminal">
  ## Shell & Terminal
</div>

Devins Shell bietet vollständigen Zugriff auf die Kommandozeile der Entwicklungsumgebung. Sie können Devins Befehle überwachen, Ausgaben einsehen und bei Bedarf eigene Befehle ausführen.

<div id="command-history-features">
  ### Funktionen des Befehls­verlaufs
</div>

Mit dem Befehls­verlauf kannst du dir ganz einfach eine Liste aller Befehle anzeigen lassen, die Devin ausgeführt hat, zusammen mit einer Vorschau ihrer Ausgaben. Wichtige Funktionen sind:

* **Vollständige Befehlsliste**: Sieh dir jeden Befehl an, den Devin während der Sitzung ausgeführt hat
* **Ausgabevorschau**: Sieh dir die Ausgabe jedes Befehls an, ohne den Kontext zu wechseln
* **Kopierfunktion**: Kopiere Befehle und Ausgaben schnell in deine Zwischenablage
* **Zeitnavigation**: Springe zu verschiedenen Zeitpunkten in der Sitzung, indem du auf Befehle klickst
* **Integration mit Fortschritts­updates**: Shell-Befehle sind mit Devins Fortschritts­updates verknüpft und liefern zusätzlichen Kontext

<Frame>
  <img src="https://mintcdn.com/cognitionai-enterprise/iKOpW3Zi8GwLBaAz/images/work-with-devin/devin-shell.png?fit=max&auto=format&n=iKOpW3Zi8GwLBaAz&q=85&s=3893cde7e89b00e9ff51df7b2f210d58" alt="Devin" width="3764" height="1800" data-path="images/work-with-devin/devin-shell.png" />
</Frame>

<div id="view-shell-updates">
  ### Shell-Updates anzeigen
</div>

Während einer Session können Sie auf Devins Fortschritts-Updates klicken, um die einzelnen Shell-Befehle anzuzeigen, die Devin bei der Bearbeitung von Teilaufgaben verwendet hat. Die Fortschrittsansicht zeigt Shell-Updates im Kontext der ausgeführten Arbeit.

<Frame>
  <img src="https://mintcdn.com/cognitionai-enterprise/iKOpW3Zi8GwLBaAz/images/work-with-devin/devin-progress-shell-recording.gif?s=6a6492cbb5cd25dd17d99e159d095934" alt="Devin" width="800" height="387" data-path="images/work-with-devin/devin-progress-shell-recording.gif" />
</Frame>

<div id="shell-command-history">
  ### Shell-Befehlsverlauf
</div>

Shell-Aktualisierungen zeigen Ihnen den vollständigen Befehlsverlauf und die zugehörigen Ausgaben. Sie können einen Befehl und seine Ausgabe ganz einfach kopieren, indem Sie auf das Symbol mit den drei Punkten klicken.

<Frame>
  <img src="https://mintcdn.com/cognitionai-enterprise/iKOpW3Zi8GwLBaAz/images/work-with-devin/devin-shell-copy-command.png?fit=max&auto=format&n=iKOpW3Zi8GwLBaAz&q=85&s=537823542bca4b9f641aedd2bdd6530d" alt="Devin" width="1868" height="806" data-path="images/work-with-devin/devin-shell-copy-command.png" />
</Frame>

Ausgegraute Befehle sind Befehle, die zu einem späteren Zeitpunkt in der Sitzung ausgeführt werden. Sie können in der Sitzung zu verschiedenen Zeitpunkten springen, indem Sie im Abschnitt „Command History“ auf unterschiedliche Befehle klicken.

<Frame>
  <img src="https://mintcdn.com/cognitionai-enterprise/iKOpW3Zi8GwLBaAz/images/work-with-devin/devin-shell-command-history.png?fit=max&auto=format&n=iKOpW3Zi8GwLBaAz&q=85&s=12b43a4a5e24be5b8e0f3c9e0df44a38" alt="Devin" width="1862" height="804" data-path="images/work-with-devin/devin-shell-command-history.png" />
</Frame>

<div id="running-your-own-commands">
  ### Eigene Befehle ausführen
</div>

Wenn du die Devin-Maschine übernimmst, hast du vollständigen Terminalzugriff. Du kannst:

* Ein Terminal in VS Code öffnen, um Befehle direkt auszuführen
* Terminals vom Nur-Lese- in den Schreibmodus umschalten
* Beliebige Befehle ausführen, die du zum Debuggen, Testen oder Konfigurieren der Umgebung benötigst

<div id="devin-ide">
  ## Devin IDE
</div>

Devin arbeitet in einer interaktiven VS Code-Umgebung, die mit deinen Repos geladen ist. Du kannst Devins Änderungen in Echtzeit verfolgen, dann die Änderungen nachbearbeiten oder Devins Code direkt mit den dir vertrauten IDE-Tools und -Shortcuts testen.

<Frame>
  <img src="https://mintcdn.com/cognitionai-enterprise/iKOpW3Zi8GwLBaAz/images/work-with-devin/devin-ide-recording.gif?s=46f6504a0ea48094a9554a19525e7995" alt="Devin" width="800" height="387" data-path="images/work-with-devin/devin-ide-recording.gif" />
</Frame>

<div id="reviewing-devins-work-in-real-time">
  ### Devins Arbeit in Echtzeit überprüfen
</div>

Sie können zusehen, wie Devin in Echtzeit Änderungen vornimmt. Sie arbeiten in einer voll ausgestatteten IDE mit all Ihren gewohnten Tastenkürzeln, sodass Sie Dateien in neuen Tabs öffnen, zur Definition springen und vieles mehr.

<div id="taking-over-devins-task">
  ### Übernahme von Devins Aufgabe
</div>

Die IDE von Devin ermöglicht es dir, bei Bedarf Devins Arbeit zu übernehmen und Änderungen End-to-End zu testen und zu beheben, ohne die Devin-Web-App zu verlassen. Klicke, um die Sitzung zu beenden, die Aufgabe zu übernehmen und die IDE selbst zu nutzen. Viele häufig verwendete Befehle sind in der IDE verfügbar, darunter:

* **Cmd/Ctrl+K**, um Terminalbefehle aus natürlicher Sprache zu generieren
* **Cmd/Ctrl+I** für schnelle Antworten auf Fragen oder schnelle Dateiänderungen
* **Tab-Autovervollständigung** für Code-Vervollständigung

Alle von Devin verwendeten Terminals, Befehle und deren Ausgaben stehen in VS Code zur Verfügung. Schalte von schreibgeschützt auf schreibbar um, um deine eigenen Befehle auszuführen.

<div id="ide-best-practices">
  ### Best Practices für die IDE
</div>

Wenn du Devins Arbeit übernimmst, beachte diese Hinweise:

* Sag Devin, welche Änderungen du vorgenommen hast, wenn du die Sitzung wieder aufnimmst
* Stelle sicher, dass Devin angehalten ist, bevor du die IDE übernimmst, um gleichzeitige, widersprüchliche Änderungen zu vermeiden
* Verwende Devins Browser, um den lokalen Build selbst zu testen, ohne die Web-App zu verlassen

<div id="interactive-browser">
  ## Interaktiver Browser
</div>

Der interaktive Browser befindet sich im Tab **Desktop** in der Sitzungs-UI. Er ermöglicht es Ihnen, Devins Browser und Desktop-Umgebung direkt anzuzeigen und mit ihnen zu interagieren. Diese Funktion ist besonders hilfreich für Browser-Aufgaben, bei denen Devin möglicherweise Unterstützung benötigt, zum Beispiel beim Lösen von CAPTCHAs, beim Durchführen von Schritten der Multi-Faktor-Authentifizierung, beim Navigieren auf komplexen Websites und mehr.

<Note>Der Tab hieß zuvor „Browser“ und wurde in „Desktop“ umbenannt, um die vollständigen Funktionen von Devins Desktop-Umgebung widerzuspiegeln.</Note>

<Frame>
  <img src="https://mintcdn.com/cognitionai-enterprise/iKOpW3Zi8GwLBaAz/images/work-with-devin/devin-browser-recording.gif?s=7bcf1864a32f3c9aabc7e44fcc05ff41" alt="Devin" width="800" height="387" data-path="images/work-with-devin/devin-browser-recording.gif" />
</Frame>

<div id="browser-use-cases">
  ### Browser-Anwendungsfälle
</div>

Der Interactive Browser ist besonders nützlich für:

* **Testen lokaler Anwendungen**: Teste deine Anwendung, die auf Devins Rechner läuft, direkt im Browser
* **Visuelle Überprüfung**: Überprüfe im Browser, ob UI-Änderungen korrekt aussehen
* **Screenshots und Aufzeichnungen**: Devin kann Screenshots und Videoaufzeichnungen aus dem Browser erstellen und sie dir als Nachweis von Tests oder zur Darstellung von Ergebnissen übermitteln
* **Authentifizierungsabläufe**: Schließe Anmeldeschritte, MFA-Challenges oder OAuth-Flows ab, die Devin nicht automatisch ausführen kann
* **CAPTCHAs lösen**: Löse CAPTCHAs manuell, wenn Devin auf sie stößt
* **Komplexe Navigation**: Hilf Devin, sich in komplexen Weboberflächen oder mehrstufigen Formularen zurechtzufinden

<div id="cookie-persistence">
  ### Fortbestehen von Cookies
</div>

Wenn Sie während einer Sitzung mit dem Browser interagieren, bleiben Cookies und Sitzungsdaten für die gesamte Dauer der Sitzung erhalten. Das bedeutet, dass Sie sich einmal bei Diensten anmelden können und Devin diesen authentifizierten Zustand für den Rest der Sitzung aufrechterhält.

<div id="integration-workflow">
  ## Integration & Workflow
</div>

Die Tools IDE, Browser und Shell arbeiten nahtlos zusammen und ermöglichen ein umfassendes Entwicklungserlebnis.

Devin kann unterschiedliche Aktionen gleichzeitig in Batches ausführen, etwa im Browser navigieren, während ein Shell-Befehl läuft und er gleichzeitig mehrere Code-Dateien liest. Diese parallele Ausführung verbessert Geschwindigkeit und Effizienz.

<div id="typical-workflow">
  ### Typischer Workflow
</div>

Ein typischer Workflow mit diesen Tools könnte folgendermaßen aussehen:

1. **Eine Sitzung starten** und Devin mit der Arbeit beginnen lassen
2. **Fortschritt überwachen** mithilfe von Fortschrittsaktualisierungen
3. **Shell-Befehle prüfen**, um nachzuvollziehen, was Devin ausführt
4. **Schnelle Codeänderungen überprüfen** in der IDE mit der Diff-Ansicht
5. **Funktionale Tests** von Prototypen (für Frontend-Entwicklung)
6. **Bei Bedarf übernehmen**, indem Sie Devin stoppen und die IDE direkt verwenden
7. **Devin wieder aufnehmen**, nachdem Sie Ihre Änderungen vorgenommen und Devin mitgeteilt haben, was Sie getan haben

<div id="best-practices">
  ## Empfohlene Vorgehensweisen
</div>

<div id="when-to-use-each-tool">
  ### Wann welches Tool verwenden
</div>

| Tool                               | Am besten geeignet für                                          |
| ---------------------------------- | --------------------------------------------------------------- |
| **IDE**                            | Codeänderungen prüfen, schnelle Anpassungen vornehmen, debuggen |
| **Desktop** (Interaktiver Browser) | Frontend-Prototyping, visuelles Testen, Authentifizierung       |
| **Shell**                          | Befehle überwachen, Tests ausführen, Probleme debuggen          |

<div id="tips-for-effective-collaboration">
  ### Tipps für effektive Zusammenarbeit
</div>

* **Früh eingreifen**: Wenn du siehst, dass Devin in die falsche Richtung geht, stoppe ihn frühzeitig und lenke ihn um
* **Befehlshistorie nutzen**: Verwende die Shell-Befehlshistorie, um zu verstehen, was Devin ausprobiert hat und was erfolgreich war
* **Änderungen kommunizieren**: Wenn du eine Sitzung wieder aufnimmst, informiere Devin immer über alle Änderungen, die du vorgenommen hast, als du übernommen hast