¿Qué es la Edición en Línea?
La edición en línea es una función increíblemente poderosa de Cursor que te permite modificar, generar y optimizar código de manera instantánea usando Command K (Mac) o Ctrl K (Windows/Linux).
Usando Command K en la Terminal
Instalación de Paquetes
Una función muy útil que no habíamos visto antes es que también podemos usar Command K para instalar paquetes directamente desde la terminal:
- Presiona Command K (o Ctrl K)
- Escribe:
instalar un paquete llamado lodash
- Cursor ejecutará automáticamente el comando de instalación
💡 Tip: Esto te ahorra tiempo al no tener que recordar los comandos exactos de npm o yarn.
Usando Command K en Archivos de Código
Activación Básica
Para usar la edición en línea en un archivo (por ejemplo, app.js
):
- Abre tu archivo de código
- Presiona Enter para activar el chat
- Ahora tienes acceso tanto al chat como a la edición en línea
Generación de Código desde Comentarios
Una de las características más impresionantes es la sugerencia de código inteligente:
- Escribe un comentario como:
//
crea una función - Cursor automáticamente sugiere el código completo
- Presiona Tab para aceptar la sugerencia
- Presiona Tab nuevamente para aceptar la siguiente sugerencia
🚀 Consejo: La predicción automática de Cursor es extraordinariamente precisa y te ayudará a escribir código mucho más rápido.
Modificación de Código Existente
Paso a Paso para Reestructurar código
- Selecciona el código que quieres modificar
- Presiona Command K (o Ctrl K)
- Escribe tu instrucción, por ejemplo:
Reestructura este código
- Presiona Submit
Opciones de Aceptación
Una vez que Cursor genera la modificación, tienes varias opciones:
- ✅ Aceptar: Haz clic en «Accept» o presiona Y
- ❌ Rechazar: Haz clic en «Reject» o presiona N
- 📋 Ver diferencias: Cursor te muestra claramente qué cambió:
- Verde: Código nuevo
- Rojo: Código anterior
- ⚡ Aceptar todo: Botón para aceptar todos los cambios de una vez
Ejemplo Práctico: Optimización
// Código original seleccionado
function ejemplo() {
// código a optimizar
}
- Selecciona la función
- Command K →
optimizar esta función
- Cursor genera una versión optimizada
- Acepta o rechaza según tus necesidades
Creación de Código desde Cero
También puedes generar código completamente nuevo:
- Presiona Command K en cualquier parte del archivo
- Escribe una descripción:
crear una función para sumar dos números
- Cursor genera una función completa lista para usar
- Acepta el código generado
Ejemplo de Resultado
function addTwoNumbers(a, b) {
return a + b;
}
Resumen del Poder de Command K
La combinación Command K / Ctrl K es poderosa porque te permite:
- ✨ Instalar paquetes directamente desde la terminal
- 🔄
Reestructura
r código existente de manera inteligente - ⚡ Optimizar funciones automáticamente
- 🆕 Generar código nuevo desde descripciones simples
- 🎯 Trabajar con precisión gracias a las sugerencias inteligentes
🎯 Punto Clave: Una vez que domines esta función, tu productividad como desarrollador se multiplicará exponencialmente. Es como tener a un experto programador siempre a tu lado.
¡Practica estos comandos y verás cómo Cursor transforma tu forma de programar!