> ## 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.

# Codemaps

> Erstellen Sie teilbare hierarchische Karten Ihrer Codebasis, um den Ausführungsfluss des Codes und die Beziehungen zwischen Komponenten zu visualisieren. Navigieren Sie darin und teilen Sie sie mit Teammitgliedern.

Mithilfe eines spezialisierten Agenten sind Codemaps teilbare Artefakte, die die Lücke zwischen menschlichem Verständnis und KI-gestütztem Schlussfolgern überbrücken und es ermöglichen, große Codebasen präzise und im richtigen Kontext zu navigieren, zu besprechen und zu verändern.

<div id="what-are-codemaps">
  ## Was sind Codemaps?
</div>

Während [DeepWiki](/de/desktop/deepwiki) Dokumentation auf Symbolebene bereitstellt, helfen Codemaps dabei, die Codebasis zu verstehen, indem sie darstellen, wie alles zusammenhängt – einschließlich der Reihenfolge, in der Code und Dateien ausgeführt werden, und wie verschiedene Komponenten miteinander verbunden sind.

Um eine Codemap zu nutzen, klicken Sie auf einen beliebigen Knoten, um sofort zu der entsprechenden Datei und Funktion zu springen. Jeder Knoten in der Codemap verweist direkt auf die entsprechende Stelle in Ihrem Code.

<video autoPlay controls muted loop playsInline className="w-full aspect-video" src="https://mintcdn.com/cognitionai/WE51TvKjsiyk1ZHl/desktop/assets/windsurf/codemaps/codemaps-overview.mp4?fit=max&auto=format&n=WE51TvKjsiyk1ZHl&q=85&s=7d8126d4f920b432a89d0d52f15103e5" data-path="desktop/assets/windsurf/codemaps/codemaps-overview.mp4" />

<div id="accessing-codemaps">
  ## Auf Codemaps zugreifen
</div>

Sie können Codemaps auf zwei Arten aufrufen:

* **Aktivitätsleiste**: Öffnen Sie die Codemaps-Oberfläche in der Aktivitätsleiste (linke Seitenleiste).
* **Befehlspalette**: Drücken Sie `Cmd+Shift+P` (Mac) oder `Ctrl+Shift+P` (Windows/Linux) und suchen Sie nach „Focus on Codemaps View“

<div id="creating-a-codemap">
  ## Eine Codemap erstellen
</div>

So erstellst du eine neue Codemap:

1. Öffne das Codemaps-Panel
2. Erstelle eine neue Codemap, indem du:
   * ein vorgeschlagenes Thema auswählst (die Vorschläge basieren auf deinem aktuellen Navigationsverlauf)
   * deinen eigenen benutzerdefinierten Prompt eingibst
   * sie über Cascade erstellst: Erstelle neue Codemaps am unteren Ende einer Cascade-Unterhaltung
3. Der Codemap-Agent durchsucht dein Repository, identifiziert relevante Dateien und Funktionen und erstellt eine hierarchische Ansicht

<video autoPlay controls muted loop playsInline className="w-full aspect-video" src="https://mintcdn.com/cognitionai/WE51TvKjsiyk1ZHl/desktop/assets/windsurf/codemaps/create-codemaps.mp4?fit=max&auto=format&n=WE51TvKjsiyk1ZHl&q=85&s=3ecbec63e167aee9815b113dababcd8b" data-path="desktop/assets/windsurf/codemaps/create-codemaps.mp4" />

<div id="sharing-codemaps">
  ## Codemaps teilen
</div>

Sie können Codemaps als Links mit Teammitgliedern teilen, die sich im Browser anzeigen lassen.

<Warning>
  Für Enterprise-Kunden erfordert das Teilen von Codemaps ein Opt-in, da sie auf unseren Servern gespeichert werden müssen. Standardmäßig sind Codemaps nur innerhalb Ihres Teams verfügbar und können nur nach Authentifizierung angezeigt werden.
</Warning>

<video autoPlay controls muted loop playsInline className="w-full aspect-video" src="https://mintcdn.com/cognitionai/WE51TvKjsiyk1ZHl/desktop/assets/windsurf/codemaps/share-codemaps.mp4?fit=max&auto=format&n=WE51TvKjsiyk1ZHl&q=85&s=983e193f52adbdac3180990f8ed468c1" data-path="desktop/assets/windsurf/codemaps/share-codemaps.mp4" />

<div id="using-codemaps-with-cascade">
  ## Codemaps mit Cascade verwenden
</div>

Sie können Codemap-Informationen als Kontext in Ihre [Cascade](/de/desktop/cascade)-Unterhaltungen einbeziehen, indem Sie mit `@` auf eine Codemap verweisen.

<video autoPlay controls muted loop playsInline className="w-full aspect-video" src="https://mintcdn.com/cognitionai/WE51TvKjsiyk1ZHl/desktop/assets/windsurf/codemaps/codemap-cascade.mp4?fit=max&auto=format&n=WE51TvKjsiyk1ZHl&q=85&s=8ff44ce0fb07871bab9a92cf69bcbde8" data-path="desktop/assets/windsurf/codemaps/codemap-cascade.mp4" />
