Zum Hauptinhalt springen

​
Schnellstart

Diese Anleitung hilft Ihnen, in wenigen Minuten mit dem Coding Plan zu starten — vom Abonnieren bis zur Nutzung von Top-KI-Modellen wie Claude Opus 4.5 und Gemini 3 Pro in Coding-Tools.

​
Erste Schritte

1

Registrieren oder Anmelden

Besuchen Sie die VibeCodeCheap Open Platform, Registrieren oder Anmelden.
2

Coding Plan abonnieren

Nach dem Anmelden navigieren Sie zum Coding Plan, um Ihren bevorzugten Abonnementtarif auszuwählen.
3

API-Schlüssel erhalten

Nach dem Abonnieren navigieren Sie zu Ihrem Konto-Dashboard und klicken Sie auf API-Schlüssel, um einen neuen API-Schlüssel zu generieren.
Schützen Sie Ihren API-Schlüssel, indem Sie ihn vertraulich behandeln und nicht hart in Ihrem Code kodieren. Wir empfehlen, ihn in Umgebungsvariablen oder Konfigurationsdateien zu speichern.
4

Coding-Tool auswählen

Der Coding Plan unterstützt mehrere gängige Coding-Tools. Wählen Sie nach Ihren Präferenzen:

Claude Code

Roo Code

Kilo Code

Cline

OpenCode

Crush

Goose

Cursor

Andere Tools

5

Coding-Tools konfigurieren

Am Beispiel von Claude Code konfigurieren Sie die Nutzung von KI-Modellen:
1. Claude Code installierenVoraussetzung: Sie müssen Node.js 18 oder eine neuere Version installieren
# Öffnen Sie Ihr Terminal und installieren Sie Claude Code
npm install -g @anthropic-ai/claude-code

# Erstellen Sie Ihr Arbeitsverzeichnis (z.B. `your-project`) und navigieren Sie mit `cd` dorthin
cd your-project

# Nach der Installation führen Sie `claude` aus, um die Claude Code interaktive Oberfläche zu öffnen
claude
2. Umgebungsvariablen konfigurierenNach der Installation von Claude Code richten Sie Umgebungsvariablen mit einer der folgenden Methoden ein:
Beim Setzen von Umgebungsvariablen gibt das Terminal keine Ausgabe zurück. Dies ist normal, solange keine Fehlermeldung erscheint, wurde die Konfiguration erfolgreich angewendet.
Bearbeiten Sie die Claude Code Konfigurationsdatei ~/.claude/settings.jsonFügen Sie die env-Felder hinzu oder ändern Sie sie:
{
  "env": {
    "ANTHROPIC_AUTH_TOKEN": "your_api_key",
    "ANTHROPIC_BASE_URL": "https://api.vibecodecheap.com/v1/ai",
    "API_TIMEOUT_MS": "3000000"
  }
}
Ersetzen Sie your_api_key durch den API-Schlüssel, den Sie im vorherigen Schritt erhalten haben.
6

Mit dem Programmieren beginnen

Nach der Konfiguration können Sie mit leistungsstarken KI-Modellen programmieren!
# Verwendung von Befehlen in natürlicher Sprache in Claude Code
Bitte erstelle eine React-Komponente mit einem Benutzer-Login-Formular
Claude Opus 4.5 / Gemini 3 Pro wird automatisch:
  • Anforderungen analysieren und einen Implementierungsplan formulieren
  • Vollständigen React-Komponenten-Code generieren
  • Formularvalidierung und Styling einschließen
  • Sicherstellen, dass der Code direkt ausführbar ist

​
Funktionsbeispiele

Intelligente Code-Vervollständigung

Generiert kontextbasierte Vervollständigungsvorschläge in Echtzeit, reduziert manuelle Eingabe und steigert die Entwicklungseffizienz erheblich.
// Geben Sie den Funktionsnamen ein, KI vervollständigt die Implementierung automatisch
function calculateTotal(items) {
  // Claude Opus 4.5 / Gemini 3 Pro generiert automatisch die vollständige Funktionsimplementierung
}

Code-Repository Q&A

Stellen Sie jederzeit Fragen zur Codebasis Ihres Teams, um ein ganzheitliches Verständnis zu bewahren.
F: Wie ist die Benutzerauthentifizierung in diesem Projekt implementiert?
A: KI analysiert Ihre Codebasis und liefert detaillierte Erklärungen zum Authentifizierungsprozess und den zugehörigen Dateien.

Automatisiertes Aufgabenmanagement

Ein-Klick-Behebung von Lint-Problemen, Merge-Konflikten und Generierung von Release-Notes.
# Code-Stil-Probleme automatisch beheben
Behebe alle ESLint-Fehler

# Dokumentation automatisch generieren
Generiere detaillierte Dokumentation für diese API