Fonctionnalités
Intermédiaire
15 min
2381 vues

Installation de Claude Code

Guide complet d'installation de Claude Code CLI et extension VS Code

Installation de Claude Code

Claude Code est l'outil officiel d'Anthropic qui vous permet d'utiliser Claude directement dans votre environnement de développement. Il existe deux façons principales de l'utiliser : Claude Code CLI (interface en ligne de commande) et l'extension VS Code.

📋 Prérequis généraux

Avant de commencer, assurez-vous d'avoir :

  • Un compte Anthropic avec accès à l'API Claude
  • Une clé API valide (obtenue sur console.anthropic.com)
  • Node.js 18+ installé (requis pour CLI, recommandé pour VS Code)

🖥️ Option 1 : Claude Code CLI (Recommandé)

Le CLI est l'interface officielle en ligne de commande pour interagir avec Claude depuis votre terminal.

Installation du CLI

Méthode 1 : Via npm (Recommandé)

npm install -g @anthropic-ai/claude-code

Méthode 2 : Via Homebrew (macOS/Linux)

brew tap anthropics/claude
brew install claude-code

Méthode 3 : Installation manuelle

  1. Téléchargez le binaire depuis github.com/anthropics/claude-code/releases
  2. Ajoutez-le à votre PATH :
# macOS/Linux
sudo mv claude-code /usr/local/bin/
chmod +x /usr/local/bin/claude-code

# Windows (PowerShell en admin)
Move-Item claude-code.exe C:\Windows\System32\

Vérification de l'installation

claude --version

Vous devriez voir la version installée (ex: claude-code v1.2.0)

Configuration du CLI

1. Authentification

Configurez votre clé API :

claude auth login

Vous serez invité à entrer votre clé API. Celle-ci sera stockée de manière sécurisée dans :

  • macOS/Linux : ~/.config/claude/credentials
  • Windows : %APPDATA%\claude\credentials

Alternative : Utiliser une variable d'environnement

export ANTHROPIC_API_KEY="sk-ant-api03-..."

2. Configuration initiale

Créez un fichier de configuration personnalisée :

claude config init

Cela crée ~/.config/claude/config.json :

{
  "model": "claude-sonnet-4-5-20250929",
  "maxTokens": 4096,
  "temperature": 1.0,
  "editor": "code"
}

Utilisation du CLI

Commandes de base

Chat interactif :

claude chat

Question rapide :

claude ask "Comment créer un composant React ?"

Analyser un fichier :

claude analyze src/app.ts

Générer du code :

claude generate "Create a Express API with TypeScript" --output src/api.ts

Travailler avec des projets

Initialiser un projet Claude :

cd my-project
claude init

Cela crée un .claudeconfig avec :

  • Liste des fichiers à inclure
  • Fichiers à ignorer (comme .claudeignore)
  • Configuration spécifique au projet

Analyser tout le projet :

claude project analyze

Générer de la documentation :

claude project docs --format markdown

Nouvelles fonctionnalités (Version 2.0+, Sept-Oct 2025)

🔄 Checkpointing automatique : Claude Code sauvegarde automatiquement l'état de votre code avant chaque changement.

⏪ Commande /rewind : Revenir à un checkpoint précédent :

/rewind  # Dans une session Claude Code

Ou appuyez sur Esc Esc pour revenir en arrière rapidement.

🔍 Historique de prompts (Ctrl+r) : Recherchez et réutilisez vos anciens prompts :

# Dans claude chat, appuyez sur Ctrl+r
# Tapez pour rechercher dans l'historique

🧠 Extended Thinking : Activez le mode de réflexion approfondie :

claude chat --extended-thinking

🔌 Support MCP (Model Context Protocol) : Connectez des serveurs MCP pour étendre les capacités :

claude mcp add <server-name>

🧩 Système de plugins : Installez des plugins avec la commande /plugin :

/plugin install <plugin-name>

Commandes avancées

Refactoring :

claude refactor src/legacy.js --style modern --output src/modern.js

Tests automatiques :

claude test generate src/service.ts --framework jest

Code review :

claude review src/ --issues security,performance

Workflow complet :

# Analyser, refactor, tester, documenter
claude workflow full src/

Options globales

OptionDescriptionExemple
--modelModèle à utiliserclaude ask "..." --model claude-opus
--temperatureCréativité (0-1)claude generate "..." --temperature 0.8
--max-tokensLimite de tokensclaude chat --max-tokens 8000
--jsonSortie en JSONclaude analyze file.ts --json
--verboseMode verbeuxclaude project analyze --verbose

Fichier .claudeignore

Créez un .claudeignore à la racine de votre projet :

# Dépendances
node_modules/
vendor/
.venv/

# Build
dist/
build/
.next/
out/

# Environnement
.env
.env.local
*.log

# IDE
.vscode/
.idea/
*.swp

💻 Option 2 : Extension VS Code

L'extension VS Code intègre Claude directement dans votre éditeur.

Installation de l'extension VS Code

Méthode 1 : Via le Marketplace VS Code

  1. Ouvrez VS Code
  2. Cliquez sur l'icône Extensions (ou Ctrl+Shift+X / Cmd+Shift+X)
  3. Recherchez "Claude Code" dans la barre de recherche
  4. Cliquez sur Install sur l'extension officielle Anthropic
  5. Attendez la fin de l'installation (quelques secondes)

Méthode 2 : Via la ligne de commande

code --install-extension anthropic.claude-code

Méthode 3 : Installation manuelle

Si vous avez téléchargé le fichier .vsix :

  1. Ouvrez VS Code
  2. Extensions > ... > Install from VSIX
  3. Sélectionnez le fichier téléchargé

Configuration initiale

1. Ajouter votre clé API

Après l'installation, Claude Code vous demandera votre clé API :

  1. Cliquez sur l'icône Claude dans la barre latérale
  2. Cliquez sur "Set API Key"
  3. Collez votre clé API Anthropic
  4. Cliquez sur "Save"

Alternative : Configuration manuelle via settings.json :

{
  "claude-code.apiKey": "sk-ant-api03-...",
  "claude-code.model": "claude-sonnet-4-5-20250929"
}

2. Choisir le modèle

Claude Code supporte plusieurs modèles (famille Claude 4) :

  • claude-sonnet-4-5-20250929 : Recommandé (modèle phare, excellent pour le code et agents)
  • claude-haiku-4-5-20251001 : Le plus rapide et économique (performances proches de Sonnet 4 à 1/3 du prix)
  • claude-opus-4-1-20250805 : Raisonnement profond (tâches complexes spécialisées)

Par défaut, Claude Code utilise Sonnet 4.5 depuis septembre 2025.

Configuration :

{
  "claude-code.model": "claude-sonnet-4-5-20250929"
}

3. Personnaliser les paramètres

Accédez aux paramètres : Ctrl+, (ou Cmd+,) puis recherchez "Claude Code"

Paramètres recommandés :

{
  "claude-code.model": "claude-sonnet-4-5-20250929",
  "claude-code.maxTokens": 4096,
  "claude-code.temperature": 1.0,
  "claude-code.autoSave": true,
  "claude-code.showInlineCompletion": true,
  "claude-code.contextWindow": 200000
}

Fonctionnalités principales

Chat intégré

  • Ouvrez la vue Claude (icône dans la barre latérale)
  • Posez des questions en langage naturel
  • Claude a accès au contexte de votre projet

Raccourci : Ctrl+Shift+P > "Claude: Open Chat"

Complétion de code

Claude Code propose des complétions intelligentes :

  • Tapez du code naturellement
  • Attendez la suggestion (apparaît en gris)
  • Appuyez sur Tab pour accepter
  • Esc pour rejeter

Désactiver les complétions :

{
  "claude-code.showInlineCompletion": false
}

Génération de code

Sélectionnez du code puis :

  1. Clic droit > "Claude: Generate"
  2. Décrivez ce que vous voulez
  3. Claude génère le code

Raccourci : Ctrl+Shift+G (ou Cmd+Shift+G)

Refactoring

Sélectionnez du code puis :

  1. Clic droit > "Claude: Refactor"
  2. Choisissez le type de refactoring
  3. Claude applique les modifications

Explication de code

Sélectionnez du code puis :

  1. Clic droit > "Claude: Explain"
  2. Claude explique en détail

Nouvelles fonctionnalités VS Code (Beta, Sept-Oct 2025)

🎯 Plan Mode : Claude génère un plan d'action avant d'exécuter des changements. Vous pouvez approuver ou modifier le plan avant l'exécution.

👁️ Inline Diffs : Visualisez les changements proposés directement dans l'éditeur avec des diffs interactifs en temps réel.

✅ Auto-Accept : Acceptez automatiquement les suggestions de Claude qui passent les tests et validations.

🔄 Checkpoints & Rewind :

  • Sauvegarde automatique avant chaque changement
  • Esc Esc pour revenir rapidement au checkpoint précédent
  • Restaurez code, conversation, ou les deux

🧠 Extended Thinking Toggle : Bouton en bas à droite de l'input pour activer/désactiver la réflexion approfondie de Claude.

📂 Drag & Drop de fichiers : Glissez-déposez des fichiers et dossiers directement dans le chat pour les inclure au contexte.

@-mentions de fichiers :

@src/app.ts Explique cette fonction

🔌 Support MCP & Plugins : Les serveurs MCP configurés via CLI fonctionnent aussi dans VS Code. Installez des plugins avec /plugin <nom>.

🔀 Sessions multiples : Lancez plusieurs sessions Claude Code simultanément dans différents onglets.

Raccourcis clavier

CommandeWindows/LinuxmacOS
Ouvrir chatCtrl+Shift+CCmd+Shift+C
Générer codeCtrl+Shift+GCmd+Shift+G
ExpliquerCtrl+Shift+ECmd+Shift+E
RefactorerCtrl+Shift+RCmd+Shift+R
Nouvelle conversationCtrl+Shift+NCmd+Shift+N

Personnaliser : File > Preferences > Keyboard Shortcuts > Rechercher "Claude"

Gestion du contexte

Claude Code analyse automatiquement :

  • Fichiers ouverts
  • Structure du projet
  • Dépendances (package.json, requirements.txt, etc.)
  • Git status

Ajouter des fichiers au contexte

@fichier.ts Explique cette fonction

Exclure des fichiers

Créez un .claudeignore à la racine :

node_modules/
.next/
dist/
*.log
.env

Résolution de problèmes

L'extension ne démarre pas

  1. Vérifiez la version de VS Code (Help > About)
  2. Redémarrez VS Code
  3. Réinstallez l'extension
  4. Vérifiez les logs : View > Output > Claude Code

Erreur "Invalid API Key"

  1. Vérifiez que la clé commence par sk-ant-api03-
  2. Vérifiez qu'elle n'a pas de caractères parasites
  3. Régénérez la clé sur console.anthropic.com
  4. Vérifiez les limites de votre compte

Complétions lentes

  1. Réduisez claude-code.contextWindow
  2. Ajoutez plus de fichiers à .claudeignore
  3. Utilisez Haiku 4.5 pour plus de vitesse (2x plus rapide que Sonnet 4)

Erreur "Rate Limit"

Vous avez atteint la limite de requêtes :

  • Attendez quelques minutes
  • Augmentez votre tier sur console.anthropic.com
  • Réduisez la fréquence des requêtes

Utilisation avancée

Snippets personnalisés

Créez vos propres snippets avec contexte Claude :

{
  "Claude React Component": {
    "prefix": "crc",
    "body": [
      "// @claude: Generate a React component with:",
      "// - TypeScript",
      "// - Props validation",
      "// - Proper types",
      "$0"
    ]
  }
}

Multi-fichiers

Claude peut travailler sur plusieurs fichiers :

@src/components/*.tsx Refactor all components to use composition pattern

Tests automatiques

@user.service.ts Generate comprehensive unit tests

Meilleures pratiques

Contexte clair

✅ "Refactor this function to use async/await" ❌ "Fix this"

Code incrémental

  • Commencez par de petites modifications
  • Validez chaque étape
  • Construisez progressivement

Revue du code

  • Ne faites pas confiance aveuglément
  • Testez les suggestions
  • Comprenez les changements

Sécurité

  • Ne partagez jamais votre clé API
  • Ajoutez les secrets à .claudeignore
  • Utilisez des variables d'environnement

Mise à jour

VS Code met à jour automatiquement les extensions.

Vérifier manuellement :

  1. Extensions > Claude Code
  2. Cliquez sur la roue dentée
  3. "Check for updates"

Version actuelle : Visible dans le panneau Extensions

Ressources

  • Documentation officielle : docs.anthropic.com/claude-code
  • Discord CC France : discord.gg/cc-france
  • GitHub : github.com/anthropics/claude-code
  • Support : [email protected]

🔄 CLI vs Extension VS Code : Quelle option choisir ?

Comparaison rapide

CritèreCLIExtension VS Code
InterfaceTerminalInterface graphique
Installationnpm/brewMarketplace VS Code
IntégrationScripts, CI/CDÉditeur uniquement
VitesseTrès rapideRapide
Automatisation✅ Excellent❌ Limité
Complétion code❌ Non✅ Oui
Workflow CI/CD✅ Oui❌ Non
Courbe apprentissageMoyenneFacile

Cas d'usage recommandés

Utilisez le CLI si :

  • ✅ Vous travaillez beaucoup dans le terminal
  • ✅ Vous voulez automatiser des tâches
  • ✅ Vous intégrez Claude dans des pipelines CI/CD
  • ✅ Vous travaillez sur plusieurs éditeurs (Vim, Neovim, Emacs, etc.)
  • ✅ Vous préférez les scripts et l'automatisation

Utilisez l'extension VS Code si :

  • ✅ VS Code est votre éditeur principal
  • ✅ Vous voulez des complétions de code en temps réel
  • ✅ Vous préférez une interface graphique
  • ✅ Vous êtes débutant avec Claude
  • ✅ Vous voulez un chat intégré dans l'éditeur

Utilisez les deux si :

  • 🎯 CLI pour scripts et automatisation
  • 🎯 Extension pour le développement quotidien
  • 🎯 Meilleure flexibilité selon le contexte

Exemples de workflows combinés

Développement quotidien

# Matin : Analyser les changements avec le CLI
claude review --since yesterday

# Journée : Développer avec VS Code + extension
# (complétion automatique, chat intégré)

# Soir : Générer la doc avec le CLI
claude project docs --format markdown > CHANGELOG.md

Pipeline CI/CD

# .github/workflows/claude-review.yml
name: Claude Code Review
on: [pull_request]
jobs:
  review:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      - name: Install Claude CLI
        run: npm install -g @anthropic-ai/claude-code
      - name: Review code
        run: claude review src/ --issues security,performance
        env:
          ANTHROPIC_API_KEY: ${{ secrets.ANTHROPIC_API_KEY }}

Prochaines étapes

Maintenant que vous avez installé Claude Code :

Pour le CLI :

  • 🖥️ Essayez claude chat pour une session interactive
  • 📁 Initialisez un projet avec claude init
  • 🔄 Automatisez vos workflows avec des scripts

Pour VS Code :

  • 💬 Ouvrez le chat Claude dans la barre latérale
  • ⌨️ Testez les complétions automatiques
  • 🎨 Personnalisez les raccourcis clavier

Pour aller plus loin :

  • 🚀 Consultez le guide "Premiers pas avec l'API Claude"
  • 💬 Rejoignez #claude-code sur Discord CC France
  • 📚 Explorez les guides avancés
  • 🎯 Participez aux challenges de code de la communauté

Bon développement avec Claude Code ! 🎉

Ce guide vous a-t-il été utile ?