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

> Créez des cartes hiérarchiques partageables de votre base de code pour visualiser le flux d'exécution du code et les relations entre les composants. Naviguez-y et partagez-les avec votre équipe.

Propulsés par un agent spécialisé, les Codemaps sont des artefacts partageables qui font le lien entre la compréhension humaine et le raisonnement de l'IA, et permettent de naviguer dans de grandes bases de code, d'en discuter et de les modifier avec précision et contexte.

<div id="what-are-codemaps">
  ## Que sont les Codemaps ?
</div>

Alors que [DeepWiki](/fr/desktop/deepwiki) fournit une documentation au niveau des symboles, les Codemaps facilitent la compréhension de la base de code en montrant comment tout s’articule : l’ordre dans lequel le code et les fichiers sont exécutés, ainsi que les relations entre les différents composants.

Pour naviguer dans une Codemap, cliquez sur n’importe quel nœud pour accéder instantanément au fichier et à la fonction correspondants. Chaque nœud de la Codemap renvoie directement à l’emplacement correspondant dans votre 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">
  ## Accéder à Codemaps
</div>

Vous pouvez accéder à Codemaps de deux façons :

* **Barre d’activité** : repérez l’interface Codemaps dans la barre d’activité (panneau latéral gauche)
* **Palette de commandes** : appuyez sur `Cmd+Shift+P` (Mac) ou `Ctrl+Shift+P` (Windows/Linux), puis recherchez "Focus on Codemaps View"

<div id="creating-a-codemap">
  ## Créer une Codemap
</div>

Pour créer une nouvelle Codemap :

1. Ouvrez le panneau Codemaps
2. Créez une nouvelle Codemap en :
   * sélectionnant un sujet suggéré (les suggestions sont basées sur votre historique de navigation récent)
   * saisissant votre propre prompt personnalisé
   * générant à partir de Cascade : créez de nouvelles Codemaps depuis le bas d’une conversation Cascade
3. L’agent Codemap explore votre dépôt, identifie les fichiers et fonctions pertinents, puis génère une vue hiérarchique

<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">
  ## Partager des Codemaps
</div>

Vous pouvez partager des Codemaps avec les membres de votre équipe sous forme de liens consultables dans un navigateur.

<Warning>
  Pour les clients Enterprise, le partage de Codemaps nécessite une activation préalable, car ils doivent être stockés sur nos serveurs. Par défaut, les Codemaps sont uniquement disponibles au sein de votre Team et nécessitent une authentification pour être consultés.
</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">
  ## Utiliser les Codemaps avec Cascade
</div>

Vous pouvez inclure des informations de Codemap comme contexte dans vos conversations [Cascade](/fr/desktop/cascade) en utilisant une `@-mention` pour faire référence à un Codemap.

<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" />
