- Startseite
- Entwicklungscontainer
- Erste Schritte
Erste Schritte
Voraussetzungen
Abschnitt betitelt „Voraussetzungen“Container-Runtime
Abschnitt betitelt „Container-Runtime“Sie benötigen eine Container-Runtime auf Ihrem Rechner. Sowohl Docker als auch Podman funktionieren.
| Plattform | Installation |
|---|---|
| macOS | Docker Desktop für Mac |
| Windows | Docker Desktop für Windows (WSL2-Backend) |
| Linux | Docker Engine oder Docker Desktop für Linux |
Überprüfen Sie die Funktionsfähigkeit:
docker --versiondocker compose version| Plattform | Installation |
|---|---|
| macOS | Podman Desktop für Mac |
| Windows | Podman Desktop für Windows |
| Linux | Podman + Podman Compose |
Überprüfen Sie die Funktionsfähigkeit:
podman --versionpodman-compose versionSystemressourcen
Abschnitt betitelt „Systemressourcen“| Ressource | Minimum | Empfohlen |
|---|---|---|
| Festplatte | 5 GB | 10 GB+ |
| RAM | 8 GB der Container-Runtime zugewiesen | 12 GB+ |
| CPU | 2 Kerne | 4+ Kerne |
Passen Sie die Ressourcenlimits unter Docker Desktop → Einstellungen → Ressourcen an.
Unter macOS/Windows passen Sie die Ressourcenlimits unter Podman Desktop → Einstellungen → Ressourcen oder über die CLI an:
podman machine set --cpus 4 --memory 12288podman machine stop && podman machine startUnter Linux teilen sich Container die Host-Ressourcen direkt — keine Ressourcenkonfiguration erforderlich.
1. Einrichtung
Abschnitt betitelt „1. Einrichtung“Erstellen Sie einen Ordner und laden Sie die Compose-Datei herunter:
mkdir devcontainer && cd devcontainercurl -fsSLO https://raw.githubusercontent.com/f5-sales-demo/devcontainer/main/docker-compose.yml2. Authentifizierungsdaten hinzufügen (Optional)
Abschnitt betitelt „2. Authentifizierungsdaten hinzufügen (Optional)“Erstellen Sie eine .env-Datei im selben Ordner, um Claude Code vorzukonfigurieren. Wählen Sie eine der folgenden Optionen:
Option A: Claude Max (OAuth)
Abschnitt betitelt „Option A: Claude Max (OAuth)“CLAUDE_CODE_OAUTH_TOKEN=sk-ant-oat01-your-token-hereOption B: LiteLLM oder Anthropic-kompatibler Proxy
Abschnitt betitelt „Option B: LiteLLM oder Anthropic-kompatibler Proxy“Wenn Sie eine LiteLLM-Instanz oder einen anderen Anthropic-kompatiblen Proxy haben, setzen Sie diese beiden Variablen:
LITELLM_BASE_URL=https://your-litellm-endpoint.example.comLITELLM_API_KEY=your-api-keySetzen Sie nur die Domain — der Container leitet anbieterspezifische URL-Suffixe automatisch ab (z. B. /anthropic für Claude Code).
Automatisches Befüllen aus lokalen Anmeldedaten
Abschnitt betitelt „Automatisches Befüllen aus lokalen Anmeldedaten“Wenn Sie git und gh auf Ihrem Host konfiguriert haben, können Sie die meisten .env-Werte automatisch befüllen. Kopieren Sie zunächst die Vorlage:
cp .env.example .envFühren Sie dann die Befehle aus, die zu Ihrer Konfiguration passen:
# Git identityecho "GIT_AUTHOR_EMAIL=$(git config user.email)" >> .envecho "GIT_AUTHOR_NAME=\"$(git config user.name)\"" >> .env
# Timezoneecho "TZ=$(readlink /etc/localtime | sed 's|.*/zoneinfo/||')" >> .env
# GitHub CLI token (requires: gh auth login)echo "GH_TOKEN=$(gh auth token)" >> .env
# SSH key (if you use SSH for git)echo "SSH_PRIVATE_KEY=$(base64 < ~/.ssh/id_ed25519)" >> .envBearbeiten Sie dann .env, um Ihr OAuth-Token oder die LiteLLM-Proxy-Einstellungen hinzuzufügen (siehe Optionen oben).
3. Starten
Abschnitt betitelt „3. Starten“docker compose up -dpodman-compose pull && podman-compose up -dBeim ersten Start wird das vorgefertigte Image von ghcr.io heruntergeladen (~1 Min. je nach Verbindung). Nachfolgende Starts verwenden das gecachte Image und dauern nur Sekunden.
4. Verbinden
Abschnitt betitelt „4. Verbinden“docker compose exec dev zshpodman-compose exec dev zsh5. Überprüfen
Abschnitt betitelt „5. Überprüfen“# AI toolsclaude --versioncodex --versionpi --version
# Languagesnode --versionpython3 --versiongo version
# Cloud CLIsaws --versionaz --versionterraform --versionTesten Sie die KI-Verbindung:
claude -p "Say hello"6. Ihr erstes Projekt
Abschnitt betitelt „6. Ihr erstes Projekt“cd /workspacegit clone https://github.com/your-org/your-project.gitcd your-projectclaude7. Remote-Anzeige (noVNC)
Abschnitt betitelt „7. Remote-Anzeige (noVNC)“Der Container enthält eine virtuelle Anzeige, um KI-Agenten bei der Steuerung eines Browsers zu beobachten. Öffnen Sie http://localhost:6080/vnc.html, um sich zu verbinden. Weitere Details finden Sie unter Remote-Anzeige (noVNC).
8. Browser-Automatisierung (Chrome DevTools MCP)
Abschnitt betitelt „8. Browser-Automatisierung (Chrome DevTools MCP)“Claude Code kann Webseiten navigieren, Screenshots erstellen und das DOM mithilfe des integrierten Chrome DevTools MCP-Servers inspizieren. Keine Einrichtung erforderlich — es funktioniert automatisch im Headless-Modus. Weitere Details finden Sie unter Chrome DevTools MCP.
9. Stoppen und Neustarten
Abschnitt betitelt „9. Stoppen und Neustarten“# Stoppen (Daten bleiben erhalten)docker compose down
# Erneut startendocker compose up -d
# Alles löschen und neu beginnendocker compose down -vdocker compose up -d# Stoppen (Daten bleiben erhalten)podman-compose down
# Erneut starten (pull stellt das neueste Image sicher)podman-compose pull && podman-compose up -d
# Alles löschen und neu beginnenpodman-compose down -vpodman-compose pull && podman-compose up -dIhr Code in /workspace und das Home-Verzeichnis bleiben über Neustarts hinweg erhalten. Weitere Details finden Sie unter Konfiguration — Datenpersistenz.
Für lokale Builds und Dockerfile-Anpassungen siehe Lokale Entwicklung. Für die VS Code-Integration siehe VS Code. Für Remote-Anzeigeoptionen siehe Remote-Anzeige (noVNC).