Editar código existente

Mudanças precisas no seu projeto

⏱ Estim. ~7 min

01 · Ler

Criar arquivos novos é incrível, mas a maior parte do desenvolvimento real é editar código existente. Adicionar funcionalidades a um app, corrigir bugs, mudar o design, refatorar funções.

É aqui que o Claude Code realmente brilha. Como ele consegue ler o seu projeto inteiro, ele entende o contexto. Quando você pede para adicionar um footer, ele sabe qual é a estrutura HTML existente. Quando você pede para mudar o estilo, ele sabe qual arquivo CSS modificar.

Claude não começa do zero — ele faz mudanças cirúrgicas exatamente onde precisa, sem mexer no resto.

💡 Imagine assimImagine que você pede para um empreiteiro adicionar um cômodo à sua casa. Um empreiteiro ruim pode sair quebrando paredes sem critério. Um bom empreiteiro estuda a planta, entende a estrutura e coloca o cômodo exatamente no lugar certo. Claude Code é o bom empreiteiro.

02 · Modelo de prompt

Peça ao Claude para adicionar um footer ao HTML que você fez na lição anterior. Seja claro sobre o conteúdo.

Adicione um rodapé ao index.html com copyright 2024 e um link para o GitHub

03 · Modelo de prompt

Agora peça ao Claude para modificar o CSS. Essa é uma mudança precisa — Claude deve atualizar só as regras de estilo relevantes.

Deixe a barra de navegação sticky, fixa no topo enquanto o usuário rola

04 · Prática real

Agora use a ferramenta que você aprendeu no Level 4 — git diff. Ela mostra exatamente o que o Claude mudou. Verde é adição, vermelho é remoção.

git diff

05 · Ler

Este é um hábito fundamental: sempre revisar as mudanças antes de fazer commit. Claude é poderoso, mas não é perfeito. Você sempre deve: - Ler o diff para entender o que mudou - Testar a mudança no navegador ou rodando o código - Fazer commit só quando estiver satisfeito

git diff é o seu melhor amigo. Ele te conta linha por linha o que foi adicionado, removido ou alterado.

Pontos-chave

Sempre revise as mudanças antes de fazer commit
git diff te conta o que o Claude mudou
Verde (+) = adição, vermelho (-) = remoção
Claude faz edições cirúrgicas — só muda o necessário

06 · Quiz

Depois que o Claude edita o seu código, qual comando te conta exatamente o que mudou?

git status
git log
git diff
git show

07 · Preencher

Para ver exatamente quais linhas o Claude mudou antes de fazer commit, rode git ___.

Outras lições deste capítulo

⚠ A experiência interativa completa precisa de JavaScript. Ative-o e recarregue a página.

※ Este é um projeto educacional independente — não é um produto oficial da Anthropic. Claude™ é uma marca registrada da Anthropic, PBC.