Code anderer lesen
Eine systematische Methode, um jede Codebasis zu verstehen
⏱ ca. ~8 Min
01 · Lesen
Das Geheimnis, das die meisten Anfänger überrascht: Professionelle Entwickler verbringen mehr Zeit damit, Code zu lesen, als zu schreiben.
Du kommst in ein Team, wechselst das Projekt oder kehrst nach ein paar Wochen zu deinem eigenen Code zurück — du musst Code verstehen, den du nicht geschrieben hast (oder dich nicht erinnerst, geschrieben zu haben). Wild herumzuscrollen und zu hoffen, dass du es verstehst, funktioniert nicht. Du brauchst ein System.
Die gute Nachricht? Code lesen ist eine Fähigkeit, und wie jede Fähigkeit wird sie mit Übung leichter. Wir lernen einen wiederholbaren Prozess, den du auf jede Codebasis anwenden kannst.
💡 Stell dir das so vorEine neue Codebasis zu lesen ist wie eine neue Stadt zu erkunden. Du fängst nicht damit an, planlos durch die Straßen zu laufen. Zuerst schaust du dir die Karte an (README), siehst, was in der Nähe ist (Abhängigkeiten), findest die Hauptverkehrsadern (Einstiegspunkt), dann erkundest du die Viertel eins nach dem anderen (Module).
02 · Lesen
Du hast gerade das Projekt von jemand anderem bekommen — eine Task-API. Du hast diesen Code noch nie gesehen. Wir wenden das Code-Lese-Protokoll Schritt für Schritt im Terminal an.
03 · Terminal-Übung
Code-Lese-Protokoll Schritt 1: Lies die README. Die README sagt dir, was das Projekt macht, wie man es installiert und wie man es startet. Schau immer zuerst hier rein.
(Diese Sektion ist interaktiv — aktiviere JavaScript, um sie zu nutzen.)
04 · Terminal-Übung
Schritt 2: Schau in die package.json. Die Abhängigkeiten verraten dir, welche Technologie verwendet wird. Die Scripts verraten dir, wie man das Projekt startet und testet.
(Diese Sektion ist interaktiv — aktiviere JavaScript, um sie zu nutzen.)
05 · Terminal-Übung
Schritt 3: Finde den Einstiegspunkt und scanne die Struktur. Aus der package.json weißt du, dass app.js der Einstiegspunkt ist. Schau dir zuerst die Ordnerstruktur an, dann lies die Hauptdatei.
(Diese Sektion ist interaktiv — aktiviere JavaScript, um sie zu nutzen.)
06 · Schritt für Schritt
Code-Lese-Protokoll — folge diesen Schritten bei jeder neuen Codebasis
1. Lies die README
README.md sagt dir, was das Projekt macht, wie man es installiert und wie man es startet. Schau immer zuerst hier rein. Keine README zu haben sagt dir auch etwas — das Projekt ist vielleicht schlecht dokumentiert.
2. Schau in die package.json
Die Abhängigkeiten verraten dir, welche Technologie verwendet wird. Die Scripts verraten dir, wie man das Projekt startet und testet. Schau in "dependencies" für die Hauptbibliotheken und in "scripts" nach Befehlen wie "start", "test" und "build".
3. Scanne die Ordnerstruktur
Wie ist der Code organisiert? Schau nach src/, public/, routes/, models/ — das deutet auf die Architektur hin. Eine flache Struktur, in der alles in einem Ordner liegt, deutet auf ein kleines Projekt hin. Verschachtelte Ordner mit klaren Namen sprechen für gute Organisation.
4. Finde den Einstiegspunkt
Meistens index.js, app.js oder main.js — hier startet das Programm. Das "main"-Feld oder das "start"-Script in der package.json zeigt darauf.
5. Verfolge die Imports
Vom Einstiegspunkt aus folge den require()- oder import-Anweisungen, um den Abhängigkeitsbaum zu verstehen. Jeder Import führt dich zum nächsten Puzzleteil. Versuche nicht, alles auf einmal zu verstehen — mappe zuerst die Verbindungen.
6. Frag Claude um Hilfe
Mit Claude Code: „Gib mir einen Überblick über dieses Projekt" liefert sofort eine Zusammenfassung auf hohem Niveau. Claude kann jede Datei lesen und dir in Sekunden eine Karte der Codebasis geben — manuell würdest du dafür Stunden brauchen.
07 · Ausfüllen
Wenn du ein neues Projekt erkundest, ist die erste Datei, die du liest, die _____.
08 · Quiz
Was solltest du beim Erkunden einer neuen Codebasis zuerst lesen?
- Die größte Datei im Projekt
- Die Datei README.md
- Jede JavaScript-Datei von oben nach unten
- Die Testdateien
Andere Lektionen aus diesem Kapitel
⚠ Das volle interaktive Erlebnis braucht JavaScript. Bitte aktiviere es und lade die Seite neu.
※ Diese Seite ist ein unabhängiges Bildungsprojekt — kein offizielles Anthropic-Produkt. Claude™ ist eine eingetragene Marke von Anthropic, PBC.