Módulo 16 - IDE e outras superfícies
No editor: VS Code e JetBrains
7 min de leitura · por Cesar Gargiulo, revisado pela equipe ValorFinal e GuardiaSec · Atualizado em 13/07/2026
O que você vai aprender
- Entender a integração do Claude Code com o editor.
- Ver as mudanças mostradas dentro do editor.
- Saber que o agente entende o arquivo que você vê.
- Instalar a integração no seu editor.
Ouvir o resumo desta aula
Um recap de cerca de 2 minutos na voz do Valim, para ouvir no trânsito ou na academia.
Ler a transcrição do resumo
Resumo da aula: No editor: VS Code e JetBrains.
Os objetivos desta aula. Entender a integração do Claude Code com o editor. Ver as mudanças mostradas dentro do editor. Saber que o agente entende o arquivo que você vê. Instalar a integração no seu editor.
Veja o essencial, parte por parte.
O agente dentro do editor. O Claude Code se integra ao editor de código, como o VS Code e os da JetBrains, por uma extensão ou plugin.
Ele entende o arquivo que você está vendo. Outra vantagem da integração é o contexto compartilhado.
Quando preferir o editor. Você passa o dia dentro do VS Code ou de um editor da JetBrains.
Esse foi o resumo do essencial. Para se aprofundar, leia a aula completa e responda os exercícios.
O agente dentro do editor
Para quem programa, o editor de código é o lar: é onde se escreve, lê e organiza o código o dia inteiro. Faz todo sentido, então, ter o Claude Code ali dentro, e é o que a integração com o editor oferece. Por meio de uma extensão, no caso do VS Code, ou de um plugin, no caso dos editores da JetBrains, o agente passa a viver no mesmo ambiente onde você já trabalha. Em vez de alternar entre o editor e um terminal separado, você conversa com o Claude Code sem sair do editor, e ele age no código que está bem à sua frente. É a integração que junta o agente e o ambiente de trabalho num lugar só.
A grande vantagem da integração é como as mudanças aparecem. Quando o Claude Code propõe uma alteração, ele a mostra dentro do editor como uma diferença visual: o trecho antigo de um lado, o novo do outro, com o que mudou destacado, exatamente como você veria uma mudança de um colega. Isso torna a revisão muito mais clara do que ler a mudança no texto do terminal. Você vê a diferença no seu ambiente familiar, com as cores e o destaque a que já está acostumado, e aprova ou recusa ali mesmo. Para quem valoriza revisar cada mudança com atenção, ver os diffs no próprio editor é um ganho enorme de clareza e conforto.
Ele entende o arquivo que você está vendo
Outra vantagem da integração é o contexto compartilhado. Como o Claude Code vive dentro do editor, ele sabe qual arquivo você está vendo e o que você selecionou. Isso torna a conversa mais natural: em vez de apontar o arquivo com o atalho de arroba, como você aprendeu no terminal, muitas vezes basta pedir algo sobre isto, e o agente entende que isto é o arquivo aberto ou o trecho selecionado. É como conversar com um colega que está olhando a mesma tela que você. Essa consciência do que você tem à vista reduz o esforço de dar contexto, um dos temas do módulo da conversa, tornando a interação mais fluida dentro do editor.
A integração se instala uma vez e é simples: no VS Code, você adiciona a extensão do Claude Code; nos editores da JetBrains, o plugin correspondente. A documentação oficial guia o processo para cada editor. Vale saber que, na maioria dos casos, a integração trabalha junto com o Claude Code que você já usa, e não o substitui: é a mesma ferramenta, agora acessível de dentro do editor. Para quem passa o dia no VS Code ou num editor da JetBrains, instalar essa integração é um dos ajustes que mais melhoram a experiência, porque tira a fricção de alternar entre janelas e coloca o agente onde o trabalho já acontece.
🎮 Jogo da aula
Vantagem do editor ou não?
Classifique cada item como uma vantagem real da integração com o editor ou algo que não é benefício dela.
Vale um lembrete: mesmo integrado ao editor, é o mesmo Claude Code, com todos os conceitos que você aprendeu. As permissões continuam valendo, o plan mode existe, os comandos funcionam. A integração muda a interface, tornando-a mais visual e integrada ao código, mas não muda o agente por baixo. Por isso, quem aprendeu bem o Claude Code no terminal chega ao editor sabendo tudo que importa; só ganha uma forma mais confortável de fazer o que já sabe. É a prova viva da ideia da aula anterior: o mesmo agente, uma superfície nova, e todo o seu conhecimento se transfere intacto.
Quando preferir o editor
A integração com o editor brilha quando você está focado em código e valoriza ver as mudanças com clareza. Se o seu dia é dentro do VS Code ou de um editor da JetBrains, mexendo em arquivos, ter o agente ali, mostrando diffs e entendendo o que você vê, é o mais confortável. Muitos desenvolvedores adotam o editor como superfície principal justamente por isso: o agente fica ao lado do trabalho, sem fricção. O terminal continua útil para os recursos mais avançados e para tarefas fora do código, mas, para o trabalho focado em programar, a integração com o editor é, para muita gente, a melhor das duas: o poder do Claude Code no conforto do ambiente familiar.
Com a integração com o editor entendida, você conhece a superfície preferida de muitos programadores. A próxima aula muda de público: o aplicativo de desktop, feito para quem prefere não usar o terminal nem um editor de código, com janelas e botões numa interface mais parecida com a de um aplicativo comum. É a porta de entrada mais confortável para quem chega ao Claude Code sem familiaridade com ferramentas de desenvolvimento, e mostra como o agente pode ser acessível a públicos além dos programadores experientes. Cada superfície abre a ferramenta para um perfil diferente de pessoa.
Teste rápido
Qual é uma vantagem central da integração do Claude Code com o editor de código?
Perguntas frequentes
- Como o Claude Code funciona dentro do editor?
- Por uma extensão, no VS Code, ou um plugin, nos editores da JetBrains, que traz o agente para dentro do ambiente onde você já escreve código. Você conversa com ele sem sair do editor, e as mudanças aparecem como diferenças visuais que você revisa e aprova ali mesmo, sem alternar para um terminal.
- O que são os diffs no editor?
- São as mudanças mostradas como diferenças visuais: o trecho antigo e o novo, com o que mudou destacado, como você veria a mudança de um colega. Ver isso no seu editor familiar, com as cores a que está acostumado, torna a revisão muito mais clara do que ler a mudança no texto do terminal.
- O agente entende o arquivo que estou vendo?
- Sim. Como vive dentro do editor, o Claude Code sabe qual arquivo você tem aberto e o que selecionou. Muitas vezes basta pedir algo sobre isto, e ele entende que isto é o arquivo à vista ou o trecho selecionado, sem você precisar apontar. É como conversar com um colega que olha a mesma tela.
- É o mesmo agente do terminal?
- Sim. Integrado ao editor, é o mesmo Claude Code, com as permissões, o plan mode e os comandos que você aprendeu. Só a interface muda, ficando mais visual e integrada ao código. Quem aprendeu no terminal chega ao editor sabendo tudo que importa; só ganha uma forma mais confortável de fazer o que já sabe.
- Quando devo usar a integração com o editor?
- Quando você está focado em código e passa o dia no VS Code ou num editor da JetBrains. Ter o agente ali, mostrando diffs claros e entendendo o que você vê, é o mais confortável para o trabalho de programar. O terminal segue útil para recursos avançados e tarefas fora do código.
Fontes
Seu progresso fica salvo neste aparelho. Assinantes sincronizam entre os aparelhos.