Accueil

Utiliser Claude Code depuis VS Code sur Mac

Vous avez installé Claude Code sur votre Mac - maintenant vous souhaitez un éditeur visuel pour travailler avec votre code. VS Code vous permet d’éditer des fichiers visuellement tout en exécutant Claude Code dans le terminal intégré. Imaginez-le comme ayant votre éditeur de code et votre assistant IA côte à côte dans une seule fenêtre.

Concepts Clés

• VS Code - Un éditeur de code gratuit de Microsoft qui fonctionne sur Mac
• Terminal Intégré - Un panneau de terminal à l’intérieur de VS Code où vous exécutez Claude Code
• Panneau Explorateur - Le navigateur de fichiers sur le côté gauche de VS Code

Ce Dont Vous Aurez Besoin

• Avoir terminé Installer Claude Code sur Mac
• Avoir terminé Notions de Base de VS Code
• 10-15 minutes

Étape 1 : Démarrer VS Code

• Ouvrez Finder et allez dans Applications
• Trouvez Visual Studio Code et double-cliquez dessus
• Si vous voyez un avertissement “Visual Studio Code est une application téléchargée depuis Internet”, cliquez sur Ouvrir
• VS Code s’ouvre avec un onglet de bienvenue - vous pouvez fermer cet onglet

Astuce : Faites un clic droit sur VS Code dans le Dock et sélectionnez Options > Garder dans le Dock pour un accès facile ultérieurement.

Étape 2 : Créer un Dossier de Projet

• Ouvrez Finder
• Cliquez sur Documents dans la barre latérale gauche
• Cliquez sur Fichier dans la barre de menu, puis Nouveau Dossier
• Nommez le dossier test_claude

Étape 3 : Ouvrir le Dossier dans VS Code

• Dans VS Code, cliquez sur Fichier dans la barre de menu, puis Ouvrir un Dossier
• Naviguez vers Documents et sélectionnez le dossier test_claude que vous avez créé
• Cliquez sur Ouvrir
• Si vous êtes invité “Faites-vous confiance aux auteurs des fichiers dans ce dossier ?”, cliquez sur Oui, je fais confiance aux auteurs

Vous devriez maintenant voir TEST_CLAUDE dans le panneau Explorateur sur le côté gauche.

Étape 4 : Démarrer Claude Code

• Ouvrez un nouveau terminal : cliquez sur Terminal dans la barre de menu, puis Nouveau Terminal
• Un panneau de terminal apparaît en bas de VS Code
• Dans le terminal, tapez :

  claude
  

• Claude Code démarre - vous verrez l’interface familière de Claude Code
• Vous êtes maintenant prêt à utiliser Claude Code tout en éditant des fichiers dans VS Code

Étape 5 : Tester le Flux de Travail

• Dans Claude Code, tapez :

  Écris un court article expliquant pourquoi les LLM aiment utiliser le format Markdown. Enregistre-le sous article.md
  

• Claude Code crée le fichier - vous verrez article.md apparaître dans le panneau Explorateur sur la gauche
• Cliquez sur article.md dans l’Explorateur pour le visualiser dans l’éditeur
• Pour prévisualiser l’article formaté : faites un clic droit sur l’onglet article.md et sélectionnez Ouvrir l’Aperçu
• Vous verrez le Markdown rendu avec les titres, puces et mise en forme appropriés

Rouvrir Claude dans VS Code Plus Tard

Après avoir fermé VS Code, voici comment revenir à votre projet :

• Option A : Ouvrez VS Code, cliquez sur Fichier > Ouvrir les Éléments Récents, et sélectionnez test_claude
• Option B : Ouvrez Terminal, naviguez vers votre projet avec cd ~/Documents/test_claude, et tapez code .

VS Code mémorise vos dossiers récents, donc l’Option A avec Ouvrir les Éléments Récents est généralement la plus rapide.

Prochaines Étapes

• Demandez à Claude Code d’expliquer une base de code existante : « Explique ce que fait ce projet »
• Demandez à Claude Code de vous aider à écrire de nouvelles fonctionnalités : « Ajoute une fonction qui calcule la moyenne d’une liste »
• Utilisez Claude Code pour corriger des bugs : « Ce code donne une erreur, peux-tu le corriger ? »
• Essayez l’extension Claude Code VS Code pour une interface visuelle avec des différences en ligne (recherchez “Claude Code” dans Extensions)

Dépannage

• Le terminal affiche “zsh” mais Claude Code ne démarre pas - Assurez-vous que Claude Code est correctement installé ; exécutez claude --version pour vérifier
• Commande “code” introuvable dans Terminal - Dans VS Code, cliquez sur Affichage dans la barre de menu, puis Palette de Commandes, tapez “shell command”, et sélectionnez Shell Command: Install ‘code’ command in PATH
• VS Code ne s’ouvre pas car il provient d’un développeur non identifié - Allez dans Réglages Système > Confidentialité et Sécurité et cliquez sur Ouvrir Quand Même

Aperçu du Flux de Travail

• VS Code fournit l’interface d’éditeur visuel
• Terminal Intégré exécute Claude Code à l’intérieur de VS Code
• Vos fichiers restent dans votre dossier Documents (ou où vous choisissez)
• Éditez des fichiers dans l’éditeur, discutez avec Claude Code dans le terminal - le meilleur des deux mondes

Créé par Steven Ge le 10 décembre 2025.