Ai/Claude Code: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
imported>Import Version 213 |
Keine Bearbeitungszusammenfassung |
||
| Zeile 4: | Zeile 4: | ||
Claude Code ist ein agentengestütztes Codierungswerkzeug, das Ihre Codebasis liest, Dateien bearbeitet, Befehle ausführt und sich nahtlos in Ihre Entwicklungswerkzeuge integriert. Es ist im Terminal, in der IDE (z.B. VS Code, JetBrains), als Desktop-App und im Browser verfügbar. | Claude Code ist ein agentengestütztes Codierungswerkzeug, das Ihre Codebasis liest, Dateien bearbeitet, Befehle ausführt und sich nahtlos in Ihre Entwicklungswerkzeuge integriert. Es ist im Terminal, in der IDE (z.B. VS Code, JetBrains), als Desktop-App und im Browser verfügbar. | ||
== Erste Schritte & | == Erste Schritte & Installation == | ||
Um mit Claude Code zu beginnen, benötigen Sie ein Terminal, ein Codeprojekt und ein Anthropic/Claude-Konto (z.B. Claude Pro, Max, Teams, Enterprise oder über die Console). | Um mit Claude Code zu beginnen, benötigen Sie ein Terminal, ein Codeprojekt und ein Anthropic/Claude-Konto (z.B. Claude Pro, Max, Teams, Enterprise oder über die Console). | ||
=== Installation === | === Installation === | ||
Da du einen Ubuntu-Rechner nutzt, kannst du Claude Code ganz einfach über das offizielle Installationsskript installieren: | Da du einen Ubuntu-Rechner nutzt, kannst du Claude Code ganz einfach über das offizielle Installationsskript installieren: | ||
'''Ubuntu / Linux:''' | '''Ubuntu / Linux:''' | ||
<source lang="bash"> | |||
curl -fsSL https://claude.ai/install.sh | bash | |||
</source> | |||
=== Anmeldung & Authentifizierung === | |||
=== Anmeldung & | Geben Sie in Ihrem Terminal den Befehl <tt>claude</tt> ein. Beim ersten Aufruf werden Sie zur Anmeldung aufgefordert. Sie können den Login-Prozess auch manuell in der laufenden Sitzung anstoßen: | ||
<source lang="bash"> | |||
Geben Sie in Ihrem Terminal den Befehl < | /login | ||
</source> | |||
< | Navigieren Sie danach einfach mit <tt>cd /pfad/zum/projekt</tt> in Ihr Projektverzeichnis und starten Sie Claude. | ||
Navigieren Sie danach einfach mit < | |||
== Was kann Claude Code tun? == | == Was kann Claude Code tun? == | ||
Mit Claude Code können Sie eine Vielzahl an Entwicklungsaufgaben delegieren und sich wiederholende Arbeitsschritte abkürzen. | Mit Claude Code können Sie eine Vielzahl an Entwicklungsaufgaben delegieren und sich wiederholende Arbeitsschritte abkürzen. | ||
* '''Codebasis verstehen''': Stellen Sie Fragen wie '' | * '''Codebasis verstehen''': Stellen Sie Fragen wie ''"What does this project do?"'' oder ''"Explain the folder structure"'' – Claude scannt Ihre Dateien und liefert Erklärungen. | ||
* '''Code bearbeiten''': Fordern Sie Funktionen an: '' | * '''Code bearbeiten''': Fordern Sie Funktionen an: ''"Add a hello world function to the main file"''. Claude sucht die entsprechende Datei, schlägt einen Diff (eine Änderung) vor und bittet Sie um eine Genehmigung, bevor es speichert. | ||
* '''Fehler finden und beheben''': Sagen Sie '' | * '''Fehler finden und beheben''': Sagen Sie ''"I'm seeing an error when I run npm test, fix it"''. Claude lokalisiert den Code, versteht den Kontext und implementiert die Lösung direkt. | ||
* '''Git-Integration''': Sie können Commits automatisieren mit '' | * '''Git-Integration''': Sie können Commits automatisieren mit ''"Commit my changes with a descriptive message"'' oder Code pushen lassen. | ||
== Häufige Workflows == | == Häufige Workflows == | ||
=== 1. Refactoring === | === 1. Refactoring === | ||
Sagen Sie Claude: ''"Refactor the authentication module to use async/await instead of callbacks"''. Claude wird Legacy-Muster identifizieren und Ihnen Empfehlungen zur Modernisierung geben. | |||
Sagen Sie Claude: '' | |||
=== 2. Tests schreiben === | === 2. Tests schreiben === | ||
Wenn Code-Teile nicht ausreichend abgedeckt sind, weisen Sie Claude an: ''"Add test cases for edge conditions in the notification service"'' und im Anschluss ''"Run the new tests and fix any failures"''. | |||
Wenn Code-Teile nicht ausreichend abgedeckt sind, weisen Sie Claude an: '' | |||
=== 3. Dokumentation verwalten === | === 3. Dokumentation verwalten === | ||
Suchen Sie nach fehlender Dokumentation und lassen Sie sie erstellen: ''"Find functions without proper JSDoc comments in the auth module and add them"'. | |||
Suchen Sie nach fehlender Dokumentation und lassen Sie sie erstellen: | |||
=== 4. Automatisierte Subagents === | === 4. Automatisierte Subagents === | ||
Mit dem Befehl <tt>/agents</tt> können Sie spezialisierte KI-Assistenten anzeigen (wie z.B. einen <tt>code-reviewer</tt> oder <tt>api-designer</tt>). Sie können auch eigene projektbezogene Subagents definieren, indem Sie diese im Verzeichnis <tt>.claude/agents/</tt> anlegen und beschreiben, welche Aufgaben und Rechte sie haben sollen. | |||
Mit dem Befehl < | |||
== Wichtige CLI-Befehle == | == Wichtige CLI-Befehle == | ||
Ihre wichtigsten Kommandos, um Claude als ein Unix-ähnliches Dienstprogramm zu verwenden: | Ihre wichtigsten Kommandos, um Claude als ein Unix-ähnliches Dienstprogramm zu verwenden: | ||
* < | * <tt>claude</tt>: Startet die normale, interaktive Umgebung. | ||
* < | * <tt>claude "Ihre Aufgabe"</tt>: Führt eine spezifische Modifikation sofort aus (z.B. <tt>claude "fix the build error"</tt>). | ||
* < | * <tt>claude -p "Ihre Frage"</tt>: Fragt Claude etwas, ohne den Code zu verändern oder in einen ständigen interaktiven Modus zu wechseln. | ||
* < | * <tt>/clear</tt> (in der Claude-Shell): Leert den Kontext der aktuellen Sitzung. | ||
* < | * <tt>/help</tt> (in der Claude-Shell): Zeigt Hilfethemen an. | ||
== Einstellungen & | == Einstellungen & Best Practices == | ||
# '''Kontext geben:''' Seien Sie in Ihren Eingabeaufforderungen (Prompts) so spezifisch wie möglich. Zögern Sie nicht, Error-Stacktraces oder explizite Dateien zu übergeben. | # '''Kontext geben:''' Seien Sie in Ihren Eingabeaufforderungen (Prompts) so spezifisch wie möglich. Zögern Sie nicht, Error-Stacktraces oder explizite Dateien zu übergeben. | ||
# '''CLAUDE.md nutzen:''' Erstellen Sie eine < | # '''CLAUDE.md nutzen:''' Erstellen Sie eine <tt>CLAUDE.md</tt> Datei (und legen Sie diese ins Stammverzeichnis Ihres Projektes), um Claude fortlaufend und dauerhaft mit projektspezifischen Verhaltensregeln, Stack-Infos oder Test-Kommandos zu füttern. | ||
# '''Erkunden, Planen, Codieren:''' Nutzen Sie für komplexe Änderungen den | # '''Erkunden, Planen, Codieren:''' Nutzen Sie für komplexe Änderungen den "Plan Mode". Fordern Sie Claude auf, zunächst eine Analyse durchzuführen, bevor Code umgeschrieben wird. | ||
# '''Kontrolle behalten (Sicherheit):''' Claude Code gibt Ihnen volle Kontrolle und holt sich standardmäßig Freigaben ein ( | # '''Kontrolle behalten (Sicherheit):''' Claude Code gibt Ihnen volle Kontrolle und holt sich standardmäßig Freigaben ein ("Approval"), bevor lokale Dateien geändert oder sensible Befehle ausgeführt werden. | ||
== Visual Studio Code (VS Code) Integration == | == Visual Studio Code (VS Code) Integration == | ||
Claude Code kann nahtlos als Erweiterung (Extension) in Visual Studio Code integriert werden: | Claude Code kann nahtlos als Erweiterung (Extension) in Visual Studio Code integriert werden: | ||
=== Installation in VS Code === | === Installation in VS Code === | ||
# Öffnen Sie die Erweiterungsansicht in VS Code mit <tt>Strg+Umschalt+X</tt> (bzw. <tt>Cmd+Shift+X</tt> auf dem Mac). | |||
# Öffnen Sie die Erweiterungsansicht in VS Code mit < | # Suchen Sie nach <tt>anthropic.claude-code</tt> und installieren Sie die offizielle Erweiterung. | ||
# Suchen Sie nach < | |||
# Melden Sie sich mit Ihrem Anthropic-Konto an. | # Melden Sie sich mit Ihrem Anthropic-Konto an. | ||
=== Aufruf und Nutzung in der IDE === | === Aufruf und Nutzung in der IDE === | ||
* '''Befehlspalette:''' Drücken Sie <tt>Strg+Umschalt+P</tt>, tippen Sie "Claude Code" ein und öffnen Sie Claude Code in einem neuen Tab. | |||
* '''Befehlspalette:''' Drücken Sie < | |||
* '''Statusleiste:''' Alternativ können Sie einfach auf das kleine ✱ Claude Code-Symbol unten rechts in der Fußzeile klicken. | * '''Statusleiste:''' Alternativ können Sie einfach auf das kleine ✱ Claude Code-Symbol unten rechts in der Fußzeile klicken. | ||
* '''Eingabefeld & | * '''Eingabefeld & Kontext:''' Nutzen Sie den Chat, um direkt am Code zu arbeiten. Sie können mit <tt>@</tt> spezifische Dateien oder Ordner verlinken (z. B. <tt>@app.js</tt> oder <tt>@auth/</tt>). | ||
* '''Erweitertes Menü:''' Mit < | * '''Erweitertes Menü:''' Mit <tt>/</tt> rufen Sie im Eingabefeld ein Befehlsmenü auf (z. B. zum Wechseln des Modells, Aktivieren von Extended Thinking oder Verwalten von Sandbox-Umgebungen). | ||
== Praxis-Übungen == | == Praxis-Übungen == | ||
| Zeile 88: | Zeile 79: | ||
=== Übung 1: Das Projekt erkunden === | === Übung 1: Das Projekt erkunden === | ||
# Navigiere in das Wurzelverzeichnis eines beliebigen Code-Projektes (oder erstelle einen leeren Ordner und lege 1-2 Skripte hinein). | # Navigiere in das Wurzelverzeichnis eines beliebigen Code-Projektes (oder erstelle einen leeren Ordner und lege 1-2 Skripte hinein). | ||
# Starte Claude im Terminal mit dem Befehl: < | # Starte Claude im Terminal mit dem Befehl: <tt>claude</tt> | ||
# Schreibe in das CLI den Prompt: '' | # Schreibe in das CLI den Prompt: ''"Fasse zusammen, was dieses Projekt macht und erkläre die aktuelle Ordnerstruktur."'' | ||
# '''Ziel:''' Beobachten, wie Claude selbstständig Dateien liest und einen Überblick erstellt. | # '''Ziel:''' Beobachten, wie Claude selbstständig Dateien liest und einen Überblick erstellt. | ||
=== Übung 2: Automatisiertes Refactoring & | === Übung 2: Automatisiertes Refactoring & Tests in VS Code === | ||
# Öffne das Projekt in VS Code und starte das Claude Code Panel. | # Öffne das Projekt in VS Code und starte das Claude Code Panel. | ||
# Schreibe ein kleines, absichtlich fehlerhaftes oder schlecht formatiertes Skript (z.B. in Python oder JavaScript). | # Schreibe ein kleines, absichtlich fehlerhaftes oder schlecht formatiertes Skript (z.B. in Python oder JavaScript). | ||
# Bitte Claude im Chat: '' | # Bitte Claude im Chat: ''"Bitte refaktorisiere die Datei @mein_skript.js, so dass moderne ES6-Standards genutzt werden und kommentiere den Code."'' | ||
# Akzeptiere die vorgeschlagenen Diffs (Änderungen). | # Akzeptiere die vorgeschlagenen Diffs (Änderungen). | ||
# Bitte Claude danach: '' | # Bitte Claude danach: ''"Erstelle mir jetzt passende Unit-Tests für diese Datei und führe sie aus."'' | ||
# '''Ziel:''' Den fließenden Übergang von Code-Analyse über Refactoring bis hin zur Test-Erstellung verstehen. | # '''Ziel:''' Den fließenden Übergang von Code-Analyse über Refactoring bis hin zur Test-Erstellung verstehen. | ||
=== Übung 3: Git-Integration nutzen === | === Übung 3: Git-Integration nutzen === | ||
# Wenn du mit deinen Anpassungen aus Übung 2 zufrieden bist, gehe in dein Terminal. | # Wenn du mit deinen Anpassungen aus Übung 2 zufrieden bist, gehe in dein Terminal. | ||
# Führe folgenden Befehl aus: < | # Führe folgenden Befehl aus: <tt>claude "commit my changes with a descriptive message"</tt> | ||
# '''Ziel:''' Claude liest lokal deine < | # '''Ziel:''' Claude liest lokal deine <tt>git diffs</tt>, schreibt eine saubere, aussagekräftige Commit-Nachricht und committet die Änderungen für dich. | ||
==Weiter Information== | |||
== Weiter Information == | * [[Ai/Claude Code/Lernpath|Lernpath]] | ||
* [[Ai/ | |||
---- | ---- | ||
''Hinweis: Diese Inhalte wurden mit Unterstützung von Künstlicher Intelligenz erstellt und redaktionell überprüft (Transparenzhinweis gemäß Art. 50 EU AI Act).'' | ''Hinweis: Diese Inhalte wurden mit Unterstützung von Künstlicher Intelligenz erstellt und redaktionell überprüft (Transparenzhinweis gemäß Art. 50 EU AI Act).'' | ||
Aktuelle Version vom 2. März 2026, 16:32 Uhr
Hinweis: Diese Inhalte wurden mit Unterstützung von Künstlicher Intelligenz erstellt und redaktionell überprüft (Transparenzhinweis gemäß Art. 50 EU AI Act).
Claude Code ist ein agentengestütztes Codierungswerkzeug, das Ihre Codebasis liest, Dateien bearbeitet, Befehle ausführt und sich nahtlos in Ihre Entwicklungswerkzeuge integriert. Es ist im Terminal, in der IDE (z.B. VS Code, JetBrains), als Desktop-App und im Browser verfügbar.
Erste Schritte & Installation
Um mit Claude Code zu beginnen, benötigen Sie ein Terminal, ein Codeprojekt und ein Anthropic/Claude-Konto (z.B. Claude Pro, Max, Teams, Enterprise oder über die Console).
Installation
Da du einen Ubuntu-Rechner nutzt, kannst du Claude Code ganz einfach über das offizielle Installationsskript installieren:
Ubuntu / Linux:
curl -fsSL https://claude.ai/install.sh | bash
Anmeldung & Authentifizierung
Geben Sie in Ihrem Terminal den Befehl claude ein. Beim ersten Aufruf werden Sie zur Anmeldung aufgefordert. Sie können den Login-Prozess auch manuell in der laufenden Sitzung anstoßen:
/login
Navigieren Sie danach einfach mit cd /pfad/zum/projekt in Ihr Projektverzeichnis und starten Sie Claude.
Was kann Claude Code tun?
Mit Claude Code können Sie eine Vielzahl an Entwicklungsaufgaben delegieren und sich wiederholende Arbeitsschritte abkürzen.
- Codebasis verstehen: Stellen Sie Fragen wie "What does this project do?" oder "Explain the folder structure" – Claude scannt Ihre Dateien und liefert Erklärungen.
- Code bearbeiten: Fordern Sie Funktionen an: "Add a hello world function to the main file". Claude sucht die entsprechende Datei, schlägt einen Diff (eine Änderung) vor und bittet Sie um eine Genehmigung, bevor es speichert.
- Fehler finden und beheben: Sagen Sie "I'm seeing an error when I run npm test, fix it". Claude lokalisiert den Code, versteht den Kontext und implementiert die Lösung direkt.
- Git-Integration: Sie können Commits automatisieren mit "Commit my changes with a descriptive message" oder Code pushen lassen.
Häufige Workflows
1. Refactoring
Sagen Sie Claude: "Refactor the authentication module to use async/await instead of callbacks". Claude wird Legacy-Muster identifizieren und Ihnen Empfehlungen zur Modernisierung geben.
2. Tests schreiben
Wenn Code-Teile nicht ausreichend abgedeckt sind, weisen Sie Claude an: "Add test cases for edge conditions in the notification service" und im Anschluss "Run the new tests and fix any failures".
3. Dokumentation verwalten
Suchen Sie nach fehlender Dokumentation und lassen Sie sie erstellen: "Find functions without proper JSDoc comments in the auth module and add them"'.
4. Automatisierte Subagents
Mit dem Befehl /agents können Sie spezialisierte KI-Assistenten anzeigen (wie z.B. einen code-reviewer oder api-designer). Sie können auch eigene projektbezogene Subagents definieren, indem Sie diese im Verzeichnis .claude/agents/ anlegen und beschreiben, welche Aufgaben und Rechte sie haben sollen.
Wichtige CLI-Befehle
Ihre wichtigsten Kommandos, um Claude als ein Unix-ähnliches Dienstprogramm zu verwenden:
- claude: Startet die normale, interaktive Umgebung.
- claude "Ihre Aufgabe": Führt eine spezifische Modifikation sofort aus (z.B. claude "fix the build error").
- claude -p "Ihre Frage": Fragt Claude etwas, ohne den Code zu verändern oder in einen ständigen interaktiven Modus zu wechseln.
- /clear (in der Claude-Shell): Leert den Kontext der aktuellen Sitzung.
- /help (in der Claude-Shell): Zeigt Hilfethemen an.
Einstellungen & Best Practices
- Kontext geben: Seien Sie in Ihren Eingabeaufforderungen (Prompts) so spezifisch wie möglich. Zögern Sie nicht, Error-Stacktraces oder explizite Dateien zu übergeben.
- CLAUDE.md nutzen: Erstellen Sie eine CLAUDE.md Datei (und legen Sie diese ins Stammverzeichnis Ihres Projektes), um Claude fortlaufend und dauerhaft mit projektspezifischen Verhaltensregeln, Stack-Infos oder Test-Kommandos zu füttern.
- Erkunden, Planen, Codieren: Nutzen Sie für komplexe Änderungen den "Plan Mode". Fordern Sie Claude auf, zunächst eine Analyse durchzuführen, bevor Code umgeschrieben wird.
- Kontrolle behalten (Sicherheit): Claude Code gibt Ihnen volle Kontrolle und holt sich standardmäßig Freigaben ein ("Approval"), bevor lokale Dateien geändert oder sensible Befehle ausgeführt werden.
Visual Studio Code (VS Code) Integration
Claude Code kann nahtlos als Erweiterung (Extension) in Visual Studio Code integriert werden:
Installation in VS Code
- Öffnen Sie die Erweiterungsansicht in VS Code mit Strg+Umschalt+X (bzw. Cmd+Shift+X auf dem Mac).
- Suchen Sie nach anthropic.claude-code und installieren Sie die offizielle Erweiterung.
- Melden Sie sich mit Ihrem Anthropic-Konto an.
Aufruf und Nutzung in der IDE
- Befehlspalette: Drücken Sie Strg+Umschalt+P, tippen Sie "Claude Code" ein und öffnen Sie Claude Code in einem neuen Tab.
- Statusleiste: Alternativ können Sie einfach auf das kleine ✱ Claude Code-Symbol unten rechts in der Fußzeile klicken.
- Eingabefeld & Kontext: Nutzen Sie den Chat, um direkt am Code zu arbeiten. Sie können mit @ spezifische Dateien oder Ordner verlinken (z. B. @app.js oder @auth/).
- Erweitertes Menü: Mit / rufen Sie im Eingabefeld ein Befehlsmenü auf (z. B. zum Wechseln des Modells, Aktivieren von Extended Thinking oder Verwalten von Sandbox-Umgebungen).
Praxis-Übungen
Hier sind drei kleine Übungen, um mit Claude Code direkt lokal auf deinem Ubuntu-Rechner oder in VS Code loszulegen:
Übung 1: Das Projekt erkunden
- Navigiere in das Wurzelverzeichnis eines beliebigen Code-Projektes (oder erstelle einen leeren Ordner und lege 1-2 Skripte hinein).
- Starte Claude im Terminal mit dem Befehl: claude
- Schreibe in das CLI den Prompt: "Fasse zusammen, was dieses Projekt macht und erkläre die aktuelle Ordnerstruktur."
- Ziel: Beobachten, wie Claude selbstständig Dateien liest und einen Überblick erstellt.
Übung 2: Automatisiertes Refactoring & Tests in VS Code
- Öffne das Projekt in VS Code und starte das Claude Code Panel.
- Schreibe ein kleines, absichtlich fehlerhaftes oder schlecht formatiertes Skript (z.B. in Python oder JavaScript).
- Bitte Claude im Chat: "Bitte refaktorisiere die Datei @mein_skript.js, so dass moderne ES6-Standards genutzt werden und kommentiere den Code."
- Akzeptiere die vorgeschlagenen Diffs (Änderungen).
- Bitte Claude danach: "Erstelle mir jetzt passende Unit-Tests für diese Datei und führe sie aus."
- Ziel: Den fließenden Übergang von Code-Analyse über Refactoring bis hin zur Test-Erstellung verstehen.
Übung 3: Git-Integration nutzen
- Wenn du mit deinen Anpassungen aus Übung 2 zufrieden bist, gehe in dein Terminal.
- Führe folgenden Befehl aus: claude "commit my changes with a descriptive message"
- Ziel: Claude liest lokal deine git diffs, schreibt eine saubere, aussagekräftige Commit-Nachricht und committet die Änderungen für dich.
Weiter Information
Hinweis: Diese Inhalte wurden mit Unterstützung von Künstlicher Intelligenz erstellt und redaktionell überprüft (Transparenzhinweis gemäß Art. 50 EU AI Act).