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.

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.

Diagrama mostrando o Claude Code integrado a um editor de código, com um painel de conversa ao lado e, na área principal, uma mudança apresentada como diferença visual: o trecho antigo e o novo lado a lado com o alterado destacado, pronto para o usuário aprovar ou recusar no próprio editor.
No editor, o agente mostra as mudanças como diferenças visuais, revisadas e aprovadas ali mesmo.

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.