Voice Coding en Mac: VS Code + Murmur

TL;DR

Instala Murmur (2 min) + VS Code (ya tienes). Abre editor, Command+Espacio, dicta. Sin extensiones especiales. Funciona out-of-the-box. Para Cursor (mejor) ver Voice Typing para Developers Mac.

¿Por Qué Voice Coding en VS Code + Mac?

VS Code es el editor más popular, macOS es la plataforma de developers. Combinarlos con Murmur = poder máximo.

Pero: Cursor es mejor que VS Code para voice coding (ChatGPT integrado nativo). Si puedes, usa Cursor. Si estás locked en VS Code, esta guía es para ti.

Instalación Rápida

Paso 1: Instala VS Code (Si No lo Tienes)

1. Ve a code.visualstudio.com
2. Descarga para macOS
3. Arrastra a Applications
4. Abre VS Code

Paso 2: Instala Murmur

1. Ve a murmur.app
2. Descarga para macOS
3. Arrastra a Applications
4. Abre Murmur
5. Autoriza micrófono + accesibilidad (importante)

Paso 3: Configura Atajo Murmur

Verifica que Command+Espacio está asignado:

1. Murmur → Preferencias
2. Atajos
3. Debería mostrar "Command+Espacio"
4. Si quieres cambiar, click y asigna nuevo atajo

Paso 4: Prueba

1. Abre VS Code
2. Crea archivo nuevo (File → New File)
3. Click en editor
4. Presiona Command+Espacio
5. Dicta: "const hello = 'world';"
6. Suelta
7. Presiona Enter
8. Código aparece

Listo. Eso es todo. Sin extensiones, sin magia.

Casos de Uso: Voice Coding en VS Code

1. Dictado de Funciones

// Abre VS Code
// Click en editor
// Command+Espacio
// Dicta: "Función que suma dos números"
 
// Resultado:
function sum(a, b) {
  return a + b;
}

VS Code + Murmur automáticamente formatea.

2. Dictado de Comentarios

// Command+Espacio
// Dicta: "Esta función calcula el factorial.
//        Parámetro n es número entero.
//        Retorna el factorial de n.
//        Usa recursión."
 
// Resultado:
/**
 * Esta función calcula el factorial.
 * Parámetro n es número entero.
 * Retorna el factorial de n.
 * Usa recursión.
 */
function factorial(n) {
  return n <= 1 ? 1 : n * factorial(n - 1);
}

3. Dictado de Variables

// Dicta: "const usuario igual a objeto con
//        nombre, email, edad"
 
// Resultado:
const usuario = {
  nombre: "",
  email: "",
  edad: 0
};

4. Dictado de Condicionales

// Dicta: "si usuario email es válido, retorna verdadero"
 
// Resultado:
if (usuario.email.isValid()) {
  return true;
}

Limitación: VS Code vs Cursor

VS Code + Murmur

✓ Funciona perfectamente ✓ Dicta código ✗ Sin IA integrada ✗ No puede refactorizar automáticamente

Cursor + Murmur (Mejor)

✓ Funciona perfectamente ✓ Dicta prompts ✓ IA refactoriza automáticamente ✓ IA genera código basado en prompt

Ejemplo:

VS Code:
1. Dicta código
2. Manual edits si necesario

Cursor:
1. Dicta prompt: "Función que valida email"
2. Cursor genera: function validateEmail() { ... }

Recomendación: Si puedes, usa Cursor. Es 10x mejor para voice coding.

Si estás forzado a usar VS Code, esta guía te ayuda.

Configuración Opcional Pero Recomendada

1. Snippets en VS Code

Puedes crear snippets que Murmur puede disparar:

Crear Snippet:

1. VS Code → Preferences → User Snippets
2. Busca tu lenguaje (JavaScript, Python, etc.)
3. Agrega:

{
  "React Function": {
    "prefix": "rfunc",
    "body": [
      "function ${1:ComponentName}() {",
      "  return <div>${2:content}</div>;",
      "}"
    ]
  }
}

Usar:

1. Dicta: "rfunc"
2. Presiona Tab para completar
3. VS Code auto-completa el snippet
4. Cambias el nombre y contenido

2. Emmet Abbreviations

VS Code tiene Emmet built-in. Funciona con dictado:

Dictas: "div.container>h1{Title}+p{Paragraph}"
VS Code expande a:
<div class="container">
  <h1>Title</h1>
  <p>Paragraph</p>
</div>

3. Auto-Format on Save

Habilita para que código se formatea automáticamente:

1. VS Code → Preferences → Settings
2. Busca "Format on Save"
3. Habilita
4. Ahora cuando guardas, código se formatea automáticamente
5. Útil después de dictado

Flujos de Trabajo Comunes

Flujo 1: Dictar + Editar

1. Dicta función basada
2. Marca errores (VS Code lo hace automáticamente)
3. Click en error
4. Selecciona "Quick Fix"
5. Repara automáticamente

Flujo 2: Buscar Mientras Codeas

1. Command+Espacio en la búsqueda (Cmd+F)
2. Dicta el nombre de función que buscas
3. VS Code encuentra automáticamente
4. Puedes editar

Flujo 3: Refactorizar Código Existente

1. Selecciona código (click + drag)
2. Command+Espacio
3. Dicta: "Refactoriza para mejor performance"
4. Murmur inserta comentario
5. Tu(o IA, si Cursor) refactoriza

Flujo 4: Documentación

1. Coloca cursor arriba de función
2. Command+Espacio
3. Dicta: "Documenta esta función completamente"
4. Murmur inserta comment placeholder
5. Completas con detalles

Problemas Comunes y Soluciones

Problema 1: "Command+Espacio abre Spotlight, no Murmur"

Solución:

1. Verifica que VS Code está en primer plano
2. Si Spotlight abre, presiona Escape
3. Reintenta con VS Code enfocado

Mejor solución:

1. Cambiar Spotlight a diferente atajo
2. Manzana → Preferencias del Sistema
3. Spotlight → Keyboard Shortcut
4. Asigna algo diferente (ej: Command+Shift+Espacio)
5. Ahora Command+Espacio solo es Murmur

Problema 2: "Murmur inserta texto en el lugar equivocado"

Solución:

1. Asegúrate de hacer click en el editor ANTES de Murmur
2. Coloca cursor exactamente donde quieres texto
3. Reintenta Murmur

Problema 3: "Murmur no funciona en VS Code terminal"

Soluciones:

1. Murmur funciona en el editor, no en terminal integrada
2. Abre terminal separada (iTerm) si necesitas
3. O dicta en editor y copia-pega a terminal

Problema 4: "Errores de sintaxis después de dictado"

Soluciones:

1. VS Code mostrará errores (red squiggles)
2. Click en error → Quick Fix
3. Murmur no es perfecto; espera 92% precisión
4. Manual edits para el resto 8%

Performance: macOS + VS Code + Murmur

CPU Usage

• VS Code: ~5% normally
• Murmur: ~10% during dictation
• Total: ~15% CPU (aceptable)

Memory

• VS Code: ~300MB
• Murmur: ~200MB
• Total: ~500MB (normal)

Battery Life

• MacBook Pro M1/M2: No impacto significativo
• MacBook Air: Impacto negligible
• MacBook Pro Intel: Muy ligero impacto

Conclusión: Perfectamente viable en cualquier Mac moderno.

Alternativa Mejor: Cursor

Aunque esta guía es para VS Code, debo mencionar que Cursor es mejor para voice coding:

VS Code + Murmur:
1. Dicta código
2. Manual edits
3. No IA integrada

Cursor + Murmur:
1. Dicta: "Función que valida emails"
2. Cursor genera automáticamente
3. Dicta: "Agrega regex"
4. Cursor refactoriza
5. Cero edits manuales

Recomendación: Si vas a usar voice coding seriamente, considera Cursor.

Para guía detallada: Voice Typing para Developers Mac

Conclusión: VS Code + Murmur Funciona

Aunque no es lo ideal, VS Code + Murmur funciona perfectamente:

• Instalación simple (2 minutos)
• Sin extensiones
• Funciona out-of-the-box
• Precisión 92%
• 2x velocidad en coding

Si estás usando VS Code en macOS:

1. Instala Murmur hoy
2. Prueba gratis por una semana
3. Actualiza a Pro si lo necesitas
4. Considera Cursor si quieres IA integrada

Descarga Murmur ahora.

Para más información:

• Murmur macOS Guide
• Voice Typing para Developers Mac
• Cómo Dictar Código
• Atajos de Teclado