Claude Code dans VS Code : installer l'extension, configurer l'IDE et basculer vers Novita AI

Claude Code dans VS Code : installer l'extension, configurer l'IDE et basculer vers Novita AI

Claude Code fonctionne comme une extension native de VS Code installée directement depuis le marketplace — pas d’onglet navigateur, pas de copier-coller entre les fenêtres. L’extension embarque le même moteur Claude Code que celui de la CLI, donc tout, des commandes slash à l’édition de fichiers en passant par les appels d’outils MCP, fonctionne de la même manière, simplement dans la barre latérale de votre éditeur. PyCharm et toute la famille JetBrains bénéficient du même traitement via un plugin JetBrains dédié. Et comme ces deux environnements lisent ANTHROPIC_BASE_URL depuis l’environnement, basculer le backend LLM vers l’API de Novita AI — et sa sélection de modèles plus large — ne nécessite qu’un changement de variable d’environnement.

Ce que fait réellement l’extension VS Code

L’extension Claude Code pour VS Code n’est pas un onglet de chatbot greffé à votre éditeur. Elle affiche l’agent Claude Code complet dans un panneau latéral : la même interface de type REPL, le même ensemble d’outils, la même continuité de session. Lorsque vous lui demandez de refactoriser une fonction ou d’écrire des tests pour un fichier ouvert, elle lit et modifie ces fichiers directement dans votre espace de travail — pas de presse-papiers.

Ce que l’extension gère concrètement :

  • Modifications multi-fichiers avec diff en ligne. Claude Code propose des changements et affiche un diff que vous pouvez accepter ou rejeter sans quitter l’éditeur.
  • Commandes slash. /compact, /init, /memory, /clear et les autres fonctionnent à l’identique de la CLI.
  • Épinglage de contexte. Le préfixe # permet d’attacher des fichiers, dossiers ou symboles spécifiques comme contexte pour une demande.
  • Conscience de CLAUDE.md. Les instructions de projet et les standards de codage que vous avez écrits dans CLAUDE.md sont chargés automatiquement au début de chaque session.
  • Appels d’outils MCP. Tous les serveurs MCP enregistrés dans votre configuration Claude Code sont disponibles dans l’extension.

Ce qu’elle ne fait pas : elle n’ajoute pas de complétion automatique dans votre éditeur. Pour cela, des outils comme Copilot ou Cline remplissent un rôle différent. Claude Code dans VS Code est un agent — vous lui confiez une tâche et il exécute plusieurs étapes, pas une seule complétion en ligne.

Installer Claude Code dans VS Code

Ouvrez le panneau des extensions dans VS Code (Ctrl+Shift+X sous Windows/Linux, Cmd+Shift+X sous macOS). Recherchez Claude Code et cherchez l’extension publiée par Anthropic. Cliquez sur Installer.

Vous pouvez aussi exécuter cette commande depuis votre terminal :

code --install-extension Anthropic.claude-code

Après l’installation, l’icône Claude apparaît dans la barre d’activité VS Code à gauche. Cliquez dessus pour ouvrir le panneau Claude Code.

Authentification au premier lancement. L’extension vous invite à vous connecter. Deux options s’offrent à vous :

  • Compte Anthropic (abonnement ou facturation console) : Suivez le flux OAuth dans le navigateur.
  • Routage de clé API vers Novita AI : Ignorez l’authentification Anthropic. Définissez ANTHROPIC_BASE_URL et ANTHROPIC_AUTH_TOKEN dans votre environnement avant de lancer VS Code, et l’extension les utilisera à la place. Instructions complètes dans la section suivante.

Mises à jour automatiques. VS Code met à jour l’extension en arrière-plan lorsque vous redémarrez l’éditeur. Pas besoin de gérer les versions manuellement.

Utiliser Claude Code dans VS Code au quotidien

Une fois le panneau ouvert, le flux de travail est simple. Saisissez une demande, Claude Code lit votre espace de travail et répond avec des actions proposées. Avant de modifier un fichier, il vous montre un diff et attend votre approbation par défaut.

Quelques astuces pour une utilisation quotidienne efficace :

Référencez le fichier que vous consultez. Tapez # suivi du nom du fichier pour l’attacher explicitement comme contexte. Pour un fichier déjà ouvert dans l’éditeur actif, Claude Code le détecte généralement automatiquement, mais # est utile lorsque vous souhaitez épingler un fichier spécifique dans une tâche multi-fichiers.

Exécutez /init une fois dans un nouveau projet. Cela crée un fichier CLAUDE.md à la racine du dépôt où vous pouvez stocker des instructions spécifiques au projet — bibliothèques préférées, notes d’architecture, conventions de test. Claude Code le lit à chaque démarrage de session, évitant ainsi les répétitions.

Utilisez /compact lorsque la session s’allonge. Comme pour la CLI, l’extension compresse l’historique de la conversation à la demande pour libérer du contexte pour la tâche en cours.

Surveillez la liste des outils en cours. En bas du panneau, VS Code affiche l’outil que Claude Code est en train d’utiliser (lectures de fichiers, commandes bash, recherches web). Ceci est utile pour comprendre ce qui se passe dans les tâches automatisées plus longues.

Annuler est votre allié. Toutes les modifications de fichiers passent par le système de fichiers standard de VS Code, donc Ctrl+Z les annule comme n’importe quelle modification manuelle. Il n’y a pas de pile d’annulation séparée pour les changements de Claude Code.

Rediriger l’extension vers Novita AI

L’extension VS Code lit ANTHROPIC_BASE_URL depuis l’environnement au démarrage — la même variable que la CLI. En la définissant sur le point de terminaison compatible Anthropic de Novita AI, chaque appel API est redirigé loin des serveurs d’Anthropic. Vous accédez à DeepSeek, Kimi K2, Qwen, GLM et d’autres modèles sur l’infrastructure de Novita AI, facturés via votre compte Novita AI aux tarifs token de Novita.

Obtenir une clé API Novita AI

Créez un compte Novita AI pour recevoir des crédits d’essai gratuits. Allez dans Gestion des clés, créez une nouvelle clé et copiez-la. Cette clé remplace votre clé API Anthropic lors du routage via Novita.

Définir les variables d’environnement avant de lancer VS Code

macOS et Linux — ajoutez ces lignes à votre profil shell (.zshrc, .bashrc, ou équivalent), puis rechargez-le :

export ANTHROPIC_BASE_URL="https://api.novita.ai/anthropic"
export ANTHROPIC_AUTH_TOKEN="<Votre clé API Novita>"
export ANTHROPIC_MODEL="deepseek/deepseek-v4-flash"
export ANTHROPIC_SMALL_FAST_MODEL="deepseek/deepseek-v4-flash"
source ~/.zshrc   # ou ~/.bashrc

Windows (persistant — survit aux redémarrages) — utilisez PowerShell pour définir des variables d’environnement au niveau utilisateur :

[System.Environment]::SetEnvironmentVariable("ANTHROPIC_BASE_URL","https://api.novita.ai/anthropic","User")
[System.Environment]::SetEnvironmentVariable("ANTHROPIC_AUTH_TOKEN","<Votre clé API Novita>","User")
[System.Environment]::SetEnvironmentVariable("ANTHROPIC_MODEL","deepseek/deepseek-v4-flash","User")
[System.Environment]::SetEnvironmentVariable("ANTHROPIC_SMALL_FAST_MODEL","deepseek/deepseek-v4-flash","User")

Redémarrez VS Code après avoir défini ces variables pour que l’extension lise l’environnement mis à jour.

Windows (session uniquement) :

set ANTHROPIC_BASE_URL=https://api.novita.ai/anthropic
set ANTHROPIC_AUTH_TOKEN=<Votre clé API Novita>
set ANTHROPIC_MODEL=deepseek/deepseek-v4-flash
set ANTHROPIC_SMALL_FAST_MODEL=deepseek/deepseek-v4-flash

Après avoir défini ces variables, lancez VS Code depuis le même shell. L’extension les récupère au démarrage. Vous n’avez pas besoin de vous connecter à Anthropic — Novita gère l’authentification via la clé API.

Choisir un modèle

ANTHROPIC_MODEL indique à Claude Code quel modèle utiliser pour les tâches principales ; ANTHROPIC_SMALL_FAST_MODEL contrôle les opérations en arrière-plan comme les résumés de fichiers. Tout modèle disponible sur l’API LLM de Novita AI peut être défini ici. Les modèles fréquemment utilisés avec Claude Code sur Novita incluent DeepSeek V4 Flash, Kimi K2 et GLM-4.6 — chacun avec différentes tailles de fenêtre de contexte, prix et caractéristiques de performance selon votre charge de travail.

Pour revenir au routage Anthropic par défaut, désactivez les variables d’environnement :

unset ANTHROPIC_BASE_URL ANTHROPIC_AUTH_TOKEN ANTHROPIC_MODEL ANTHROPIC_SMALL_FAST_MODEL

Ou ouvrez VS Code depuis un shell où ces variables n’ont jamais été définies.

Intégration avec PyCharm et JetBrains

Claude Code est livré avec un plugin officiel pour la plateforme JetBrains, qui couvre PyCharm, IntelliJ IDEA, WebStorm, GoLand, Rider et le reste de la famille JetBrains.

Installer le plugin

Ouvrez Paramètres → Plugins dans votre IDE JetBrains, basculez sur l’onglet Marketplace et recherchez Claude Code. Cliquez sur Installer, puis redémarrez l’IDE lorsque vous y êtes invité.

Vous pouvez aussi télécharger le fichier du plugin depuis le site du Marketplace JetBrains et l’installer via Paramètres → Plugins → Installer un plugin depuis le disque.

Premier lancement

Après l’installation, le panneau Claude Code apparaît dans la barre latérale de l’IDE ou dans la zone des fenêtres d’outils selon votre disposition. Le premier lancement demande une authentification, identique à VS Code.

Rediriger PyCharm vers Novita AI

Le plugin JetBrains lit les mêmes variables d’environnement que l’extension VS Code et la CLI. Définissez ANTHROPIC_BASE_URL, ANTHROPIC_AUTH_TOKEN, ANTHROPIC_MODEL et ANTHROPIC_SMALL_FAST_MODEL dans votre profil shell avant de lancer l’IDE, et le plugin routera via Novita.

Si vous lancez PyCharm depuis un lanceur de bureau plutôt que depuis un terminal (fréquent sur macOS et Linux), l’IDE peut ne pas hériter de votre environnement shell. La solution fiable est un fichier .env par projet ou la définition des variables dans l’environnement système plutôt que dans votre profil shell. Sur macOS spécifiquement, les variables définies via launchctl setenv sont visibles par les applications GUI.

Extension IDE vs. CLI : quand utiliser quoi

L’extension et la CLI partagent le même moteur. La différence pratique réside dans le contexte et l’intégration.

Extension VS Code / JetBrains CLI
Navigation dans les fichiers Cliquez pour ouvrir, # pour référencer Lit depuis CWD ; spécifiez les chemins explicitement
Révision des diffs En ligne dans l’éditeur Sortie terminal
Projets multiples Un panneau par fenêtre Sessions séparées par répertoire
CI/CD et automatisation Non approprié Option -p pour exécutions batch non interactives
Pipeline et scripts Non supporté Support complet des pipes Unix
Routage Novita AI Variable d’env ANTHROPIC_BASE_URL Identique

L’extension est le meilleur choix lorsque votre flux de travail principal est l’édition interactive de code. La CLI est le bon choix lorsque vous automatisez des tâches, exécutez Claude Code dans des scripts, l’intégrez à CI, ou construisez sur le SDK Claude Code.

Agent Sandbox de Novita AI

Si vous passez du développement interactif aux pipelines automatisés — exécution d’agents Claude Code sans tête, lancement de multiples agents sur différents dépôts, ou construction de harnais d’évaluation — l’Agent Sandbox de Novita AI fournit des environnements d’exécution isolés pour exécuter des agents par programmation. Chaque sandbox est une VM basée sur Firecracker, donc les agents s’exécutent en isolation sans affecter votre machine de développement.

FAQ

Ai-je besoin d’un abonnement Anthropic payant pour utiliser l’extension VS Code ?

Non — si vous redirigez l’extension vers Novita AI via ANTHROPIC_BASE_URL, toute la facturation passe par votre compte Novita AI. Un compte Anthropic n’est pas requis et n’est pas facturé.

Comment installer l’extension Claude Code pour VS Code ?

Ouvrez le panneau des extensions dans VS Code (Ctrl+Shift+X), recherchez Claude Code (éditeur : Anthropic), et cliquez sur Installer. Ou exécutez code --install-extension Anthropic.claude-code depuis un terminal.

L’extension Claude Code fonctionne-t-elle dans Cursor ?

Cursor est un fork de VS Code et supporte la plupart des extensions VS Code. L’extension Claude Code peut s’installer, mais Cursor dispose déjà de sa propre intégration Claude intégrée. Les exécuter simultanément peut produire des suggestions en double et des flux d’authentification concurrents. La plupart des développeurs utilisent l’un ou l’autre, pas les deux.

Existe-t-il une extension de navigateur Claude ?

Il n’y a pas d’extension de navigateur officielle de la part d’Anthropic. Claude Code fonctionne comme une extension VS Code, un plugin JetBrains, une CLI, une application de bureau et via l’interface web à l’adresse claude.ai/code — mais pas comme une extension de navigateur qui s’intègre à des pages web arbitraires.

Comment changer de modèle sans redémarrer VS Code ?

Modifiez ANTHROPIC_MODEL dans votre profil shell, puis rouvrez VS Code depuis une nouvelle session terminal. Dans une session VS Code en cours, il n’y a pas de sélecteur de modèle dans le panneau — la variable d’environnement est lue au démarrage.

Puis-je utiliser différents modèles pour différents projets ?

Oui. Définissez ANTHROPIC_MODEL dans un fichier .env au niveau du projet ou dans une instruction CLAUDE.md, ou utilisez direnv pour limiter les variables d’environnement à des répertoires spécifiques. Claude Code respecte les valeurs d’environnement au niveau de la session, donc le routage par projet est réalisable avec des outils de dotfiles standards.

En quoi l’intégration de Claude avec VS Code diffère-t-elle de l’utilisation de Cline ?

Cline est une extension qui transforme VS Code en un environnement de codage agentique utilisant n’importe quel backend compatible OpenAI. Claude Code est l’agent propre d’Anthropic, disponible en tant qu’extension VS Code, avec son propre ensemble d’outils et sa boucle de raisonnement. La principale différence pratique : Cline vous donne plus de contrôle sur le fournisseur et le modèle qui exécutent la boucle, tandis que Claude Code est étroitement intégré à la famille de modèles Claude par défaut — bien que ANTHROPIC_BASE_URL permette de le rediriger vers le point de terminaison compatible de Novita AI.

Articles recommandés