Passer au contenu principal

Démarrage Rapide

Ce guide vous aidera à commencer avec le Coding Plan en quelques minutes — de l’abonnement à l’utilisation des meilleurs modèles IA comme Claude Opus 4.5 et Gemini 3 Pro dans les outils de développement.

Commencer

1

S'inscrire ou Se connecter

Accédez à la Plateforme Ouverte VibeCodeCheap, Inscrivez-vous ou Connectez-vous.
2

S'abonner au Coding Plan

Après vous être connecté, naviguez vers le Coding Plan pour sélectionner votre forfait d’abonnement préféré.
3

Obtenir la Clé API

Après l’abonnement, accédez au tableau de bord de votre compte et cliquez sur Clés API pour générer une nouvelle Clé API.
Protégez votre Clé API en la gardant confidentielle et en évitant de la coder en dur dans votre code. Nous recommandons de la stocker dans des variables d’environnement ou des fichiers de configuration.
4

Sélectionner l'Outil de Développement

Le Coding Plan prend en charge plusieurs outils de développement populaires. Choisissez selon vos préférences :

Claude Code

Roo Code

Kilo Code

Cline

OpenCode

Crush

Goose

Cursor

Autres Outils

5

Configuration des Outils de Développement

En utilisant Claude Code comme exemple, configurez pour utiliser les modèles IA :
1. Installer Claude CodePrérequis : Vous devez installer Node.js 18 ou version ultérieure
# Ouvrez votre terminal et installez Claude Code
npm install -g @anthropic-ai/claude-code

# Créez votre répertoire de travail (ex: `votre-projet`) et naviguez-y avec `cd`
cd votre-projet

# Après l'installation, exécutez `claude` pour entrer dans l'interface interactive Claude Code
claude
2. Configurer les Variables d’EnvironnementAprès avoir installé Claude Code, configurez les variables d’environnement en utilisant l’une des méthodes suivantes :
Lors de la configuration des variables d’environnement, le terminal n’affichera aucune sortie. C’est normal, tant qu’aucun message d’erreur n’apparaît, la configuration a été appliquée avec succès.
Éditez le fichier de configuration Claude Code ~/.claude/settings.jsonAjoutez ou modifiez les champs env :
{
  "env": {
    "ANTHROPIC_AUTH_TOKEN": "votre_cle_api",
    "ANTHROPIC_BASE_URL": "https://api.vibecodecheap.com/v1/ai",
    "API_TIMEOUT_MS": "3000000"
  }
}
N’oubliez pas de remplacer votre_cle_api par la Clé API que vous avez obtenue à l’étape précédente.
6

Commencer à Coder

Une fois configuré, vous pouvez commencer à coder avec de puissants modèles IA !
# Utilisation des commandes en langage naturel dans Claude Code
Veuillez créer un composant React contenant un formulaire de connexion utilisateur
Claude Opus 4.5 / Gemini 3 Pro va automatiquement :
  • Analyser les besoins et formuler un plan d’implémentation
  • Générer le code complet du composant React
  • Inclure la validation du formulaire et le style
  • S’assurer que le code s’exécute directement

Exemples de Fonctionnalités

Complétion de Code Intelligente

Génère des suggestions de complétion en temps réel basées sur le contexte, réduisant la saisie manuelle et améliorant significativement l’efficacité de développement.
// Tapez le nom de la fonction, l'IA complète automatiquement l'implémentation
function calculateTotal(items) {
  // Claude Opus 4.5 / Gemini 3 Pro génère automatiquement l'implémentation complète de la fonction
}

Questions-Réponses sur le Dépôt de Code

Posez des questions sur la base de code de votre équipe à tout moment pour maintenir une compréhension globale.
Q: Comment l'authentification des utilisateurs est-elle implémentée dans ce projet ?
R: L'IA analyse votre base de code et fournit des explications détaillées du processus d'authentification et des fichiers concernés.

Gestion Automatisée des Tâches

Correction en un clic des problèmes de lint, conflits de fusion et génération de notes de version.
# Correction automatique des problèmes de style de code
Corriger toutes les erreurs ESLint

# Génération automatique de documentation
Générer une documentation détaillée pour cette API