Voice Coding

Voice Coding sur Mac : VS Code + Murmur

Configurez la dictée vocale dans VS Code sur macOS avec Murmur. Dictez du code, des commentaires et des prompts IA.

Murmur TeamMarch 28, 20268 min readmacOS, VS Code, dictée vocale, voice-coding, guide

TL;DR

Voice coding VS Code + macOS : Installez Murmur (gratuit), ouvrez VS Code, Cmd+Space pour dicter code/commentaires partout. Profitez de Claude Code (Cmd+Shift+P) pour générer en dictant prompts. Gratuit : 5/jour. Pro : 2,48€/mois. Configuration = 5 min.


Vue d'ensemble : Voice Coding sur Mac + VS Code

Voice coding = dicter du code et prompts IA au lieu de taper. Sur Mac + VS Code + Claude Code, c'est une combinaison parfaite pour les développeurs.

Temps requis :

  • Installation Murmur : 2 min
  • Configuration VS Code : 3 min
  • Première dictée : 30 secondes

Coût :

  • Murmur gratuit : 0€
  • VS Code : gratuit
  • Claude Code : gratuit
  • Total : 0€ pour essayer

Installation Murmur sur Mac

Étape 1 : Télécharger

  1. Allez murmur.app
  2. Cliquez "Télécharger pour macOS"
  3. Fichier Murmur.dmg téléchargé

Étape 2 : Installer

  1. Double-cliquez Murmur.dmg
  2. Faites glisser Murmur vers Applications
  3. Attendez 30 secondes
  4. Éjectez le DMG

Étape 3 : Lancer et configurer

  1. Applications → Double-cliquez Murmur
  2. Accordez permissions (microphone + automization)
  3. Cliquez l'icône Murmur (barre menu)
  4. Paramètres → Vérifiez que Cmd+Space est votre raccourci

Prêt en 2 minutes.

Configuration VS Code + Claude Code

Étape 1 : Ouvrir VS Code

Applications → Visual Studio Code

Étape 2 : Installer Claude Code (optionnel mais recommandé)

Si vous n'avez pas Claude Code :

  1. Cmd+Shift+P → "Extensions"
  2. Cherchez "Claude Code"
  3. Installez l'extension Anthropic officielle
  4. Redémarrez VS Code

Étape 3 : Ouvrir Claude Code

Cmd+Shift+P → Claude Code

Un panel s'ouvre dans VS Code. C'est prêt.

Étape 4 : Tester Murmur dans VS Code

  1. Cliquez dans le champ de texte Claude Code
  2. Appuyez Cmd+Space
  3. Une bulle grise apparaît — Murmur écoute
  4. Dictez : "Écris une fonction qui retourne les nombres pairs d'une liste"
  5. Relâchez Cmd
  6. Vous verrez : "Écris une fonction qui retourne les nombres pairs d'une liste"
  7. Appuyez Entrée pour générer

C'est tout. Configuration complète.

Utilisation : Dicter du code avec VS Code

Cas 1 : Dicter une nouvelle fonction

Workflow :

1. Ouvrez VS Code
2. Ouvrez Claude Code (Cmd+Shift+P)
3. Cliquez dans le chat Claude
4. Cmd+Space
5. Dictez : "Fonction qui valide un email avec regex"
6. Claude génère le code
7. Copiez-collez dans votre fichier

Cas 2 : Dicter des commentaires

Workflow :

1. Ouvrez votre fichier .js
2. Cliquez où vous voulez ajouter un commentaire
3. Cmd+Space
4. Dictez : "Commentaire : Cette fonction valide les formats d'email"
5. Murmur insère : "// Commentaire : Cette fonction valide les formats d'email"
6. Murmur comprend la syntaxe (// automatique)

Cas 3 : Refactoriser du code existant

Workflow :

1. Sélectionnez du code
2. Ouvrez Claude Code
3. Cmd+Space
4. Dictez : "Refactorise ce code pour utiliser async/await"
5. Claude génère la version améliorée
6. Acceptez ou ajustez

Exemple détaillé : Projet React depuis zéro

Étape 1 : Créer un composant en dictée

Vous dictez :

Composant React appelé Counter avec useState
Il affiche le compteur et deux boutons plus et moins

Claude Code génère :

import React, { useState } from 'react';
 
function Counter() {
  const [count, setCount] = useState(0);
 
  return (
    <div>
      <h1>{count}</h1>
      <button onClick={() => setCount(count + 1)}>+</button>
      <button onClick={() => setCount(count - 1)}>-</button>
    </div>
  );
}
 
export default Counter;

Résultat : Composant complet en 30 secondes de dictée.

Étape 2 : Améliorer le composant

Vous dictez :

Ajoute du styling CSS et des limites min 0 et max 10

Claude Code ajoute :

const [count, setCount] = useState(0);
 
const increment = () => count < 10 && setCount(count + 1);
const decrement = () => count > 0 && setCount(count - 1);
 
// ... Styling + limitations

Étape 3 : Ajouter tests

Vous dictez :

Tests unitaires avec Jest pour Counter

Claude génère :

import { render, screen, fireEvent } from '@testing-library/react';
import Counter from './Counter';
 
test('increments count', () => {
  render(<Counter />);
  const button = screen.getByText('+');
  fireEvent.click(button);
  // assertions...
});

Résultat : Composant + styling + tests, zéro frappe, pur dictée.

Prêt à essayer la dictée vocale ?

Essayez Murmur gratuitement pendant 7 jours avec toutes les fonctionnalites Pro. Dictez dans n'importe quelle app.

Télécharger gratuitement

Raccourcis VS Code essentiels pour voice-coding

ActionRaccourci
Activer MurmurCmd+Space
Ouvrir Claude CodeCmd+Shift+P → Claude Code
Accepter suggestion ClaudeCmd+Return
Refuser suggestionEscape
Ouvrir terminalCmd+J
Sélectionner toutCmd+A
Copier ligneCmd+C
ChercherCmd+F
Multi-curseurOption+Cmd+↑/↓

Patterns avancés : Voice-coding efficace

Pattern 1 : Test-Driven Development (TDD) en dictée

1. Dictez : "Écris un test qui valide une fonction add"
2. Claude génère le test
3. Dictez : "Implémente la fonction add"
4. Claude la code
5. Testez : npm test

Résultat : TDD entièrement vocal.

Pattern 2 : Générer puis refactoriser

1. Dictez : "Écris une boucle for pour afficher 1 à 10"
2. Claude génère (peut être basique)
3. Dictez : "Refactorise avec map et array"
4. Claude améliore
5. Dictez : "Ajoute des types TypeScript"
6. Claude type-safe la version

Résultat : Code améliore itérativement en dictée.

Pattern 3 : Explication puis implémentation

1. Dictez : "Explique quicksort en français"
2. Claude explique l'algorithme
3. Dictez : "Implémente quicksort en Python"
4. Claude code
5. Dictez : "Ajoute des commentaires détaillés"
6. Claude commente

Résultat : Vous apprenez ET vous codez.

Comparaison : VS Code seul vs VS Code + Claude Code

Sans Claude Code

Problème : VS Code n'a pas de génération de code native.

Workflow :

1. Dictez le code littéralement
2. "fonction foo qui prend x" → "function foo(x)"
3. Vous devez compléter la logique à la main

Avec Claude Code

Avantage : IA génère basée sur votre intention.

Workflow :

1. Dictez l'intention : "fonction qui valide emails"
2. Claude génère : regex + validation complète
3. Vous n'avez rien à compléter

Verdict : Claude Code + Murmur = combinaison optimale.

Dépannage Mac + VS Code

Problème 1 : Cmd+Space ouvre Spotlight au lieu de Murmur

Solution :

  1. Paramètres Système → Clavier → Raccourcis clavier
  2. Allez dans "Spotlight"
  3. Changez le raccourci (ex. Cmd+Shift+Space)
  4. Redémarrez VS Code
  5. Essayez Cmd+Space avec Murmur

Problème 2 : Claude Code n'apparaît pas

Solution :

  1. Vérifiez que Claude Code extension est installée
  2. Cmd+Shift+P → "Claude Code"
  3. Si rien, reinstallez l'extension
  4. Redémarrez VS Code

Problème 3 : Microphone ne fonctionne pas dans VS Code

Solution :

  1. Testez Murmur dans Bloc-notes d'abord
  2. Si Bloc-notes marche, VS Code a un problème d'accès
  3. Paramètres Système → Sécurité → Microphone → Vérifiez VS Code
  4. Accordez l'accès si nécessaire

Problème 4 : Dictée reconnait mal le code

Solutions :

  1. Parlez plus lentement et clairement
  2. Dictez des prompts (intention) plutôt que du code littéral
  3. Utilisez Claude Code pour générer au lieu de dicter littéralement
  4. Testez votre microphone (Murmur → Paramètres → Microphone → Test)

Cas d'usage réalistes

Cas 1 : Développeur fullstack (Node + React)

Journée typique :

9h : Dictez API endpoint dans Claude Code
10h : Dictez composant React
11h : Dictez tests pour le composant
12h : Code review (pas de dictée, édition manuelle)

Résultat : 70% du code généré par dictée.

Cas 2 : Développeur DevOps (Terraform, Kubernetes)

Journée typique :

9h : Dictez "Module Terraform pour AWS Lambda"
10h : Claude génère avec IAM roles, API Gateway, etc.
11h : Dictez "Ajoute logs CloudWatch"
12h : Claude améliore le module

Résultat : Infrastructure-as-Code entièrement vocal.

Cas 3 : Rédacteur documentation technique

Journée typique :

9h : Dictez "Guide API REST pour développeurs"
10h : Claude génère structure + exemples
11h : Dictez "Ajoute exemples avec curl"
12h : Claude enrichit doc

Résultat : Documentation complète en dictée.

Configuration optimale Mac + VS Code + Murmur

Paramètres Murmur recommandés

Raccourci : Cmd+Space (ou Cmd+Shift+V si Spotlight conflictue) Microphone : Intégré MacBook (bon) ou USB externe (meilleur) Langue : Français (France)

Paramètres VS Code recommandés

{
  "editor.fontSize": 14,
  "editor.wordWrap": "on",
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}

Ces paramètres rendent le code lisible et auto-formaté (idéal pour dictée).

Extensions VS Code recommandées

  • Claude Code (Anthropic) — Génération IA
  • Prettier — Formatage code
  • Thunder Client ou REST Client — Tester APIs
  • GitLens — Gestion Git

Conclusion : Setup Voice Coding sur Mac + VS Code

C'est simple et puissant.

Résumé :

  1. Installez Murmur (gratuit, 2 min)
  2. Ouvrez VS Code
  3. Installez Claude Code
  4. Dictez votre premier prompt : Cmd+Space
  5. Claude génère le code

Résultat : Vous codez 3x plus vite, moins de RSI, plus de créativité.

Essayez gratuitement sur murmur.app.

Votre productivité n'en reviendra pas.

Prêt à essayer la dictée vocale ?

Essayez Murmur gratuitement pendant 7 jours avec toutes les fonctionnalites Pro. Dictez dans n'importe quelle app.

Télécharger gratuitement

Related Articles