Editar código existente
Modifica tu proyecto con precisión
⏱ Estim. ~7 min
01 · Leer
Crear archivos nuevos es genial, pero la mayoría del desarrollo real consiste en editar código existente. Agregar funciones a una app, arreglar bugs, cambiar el diseño, refactorizar funciones.
Aquí es donde Claude Code realmente brilla. Como puede leer todo tu proyecto, entiende el contexto. Si le pides que agregue un footer, sabe qué estructura HTML existe. Si le pides que cambie estilos, sabe qué archivo CSS modificar.
Claude no parte de cero: hace cambios quirúrgicos exactamente donde se necesitan y deja lo demás intacto.
💡 Imagínalo asíImagina que le pides a un contratista que agregue una habitación a tu casa. Un mal contratista podría tumbar paredes al azar. Uno bueno estudia los planos, entiende la estructura y agrega la habitación justo donde corresponde. Claude Code es el buen contratista.
02 · Plantilla de prompt
Pídele a Claude que agregue un footer al HTML que hiciste en la lección anterior. Sé explícito sobre qué debe ir ahí.
Agrega un pie de página a index.html que incluya el copyright 2024 y un enlace a GitHub.
03 · Plantilla de prompt
Ahora pídele a Claude que modifique el CSS. Es un cambio preciso: Claude solo debería actualizar las reglas de estilo relevantes.
Haz que la barra de navegación sea sticky, fijada al borde superior cuando el usuario haga scroll.
04 · Práctica real
Ahora usa una herramienta que aprendiste en Level 4: git diff. Te muestra exactamente qué cambió Claude. Verde es agregado, rojo es eliminado.
git diff
05 · Leer
Este es el hábito clave: siempre revisa los cambios antes de hacer commit. Claude es potente, pero no es perfecto. Siempre debes: - Leer el diff para entender qué cambió - Probar el cambio en el navegador o ejecutando el código - Hacer commit solo cuando estés satisfecho
git diff es tu mejor amigo. Te dice línea por línea qué se agregó, eliminó o modificó.
Puntos clave
- Siempre revisa los cambios antes de hacer commit
- git diff te dice qué cambió Claude
- Verde (+) = agregado, rojo (-) = eliminado
- Claude edita de forma quirúrgica: solo cambia lo necesario
06 · Quiz
Después de que Claude edite tu código, ¿qué comando te dice exactamente qué cambió?
- git status
- git log
- git diff
- git show
07 · Completar
Antes de hacer commit, para ver qué líneas exactas cambió Claude, ejecuta git ___.
Otras lecciones de este capítulo
⚠ La experiencia interactiva completa necesita JavaScript. Actívalo y vuelve a cargar la página.
※ Este es un proyecto educativo independiente — no es un producto oficial de Anthropic. Claude™ es una marca registrada de Anthropic, PBC.