Pular para o conteúdo principal
Devin fornece três ferramentas poderosas durante as sessões que permitem que você monitore, interaja com e assuma o controle do trabalho do Devin: o Shell, a IDE e o Browser. Essas ferramentas funcionam em conjunto para oferecer visibilidade total e controle sobre o ambiente de desenvolvimento do Devin. A aba Progress reúne essas ferramentas em uma visão unificada, oferecendo visibilidade clara do trabalho em andamento do Devin.

Aba Progress

Você pode clicar em qualquer etapa de uma sessão do Devin ou clicar na aba Progress para ver os detalhes dessa etapa. Todos os comandos de shell, edições de código e atividades do navegador são registrados em uma visualização unificada.
Devin

Shell & Terminal

O shell do Devin fornece acesso completo ao ambiente de desenvolvimento pela linha de comando. Você pode monitorar os comandos do Devin, ver as saídas e executar seus próprios comandos quando necessário.

Recursos do histórico de comandos

Com o histórico de comandos, você pode ver facilmente uma lista de todos os comandos que o Devin executou, junto com uma prévia de seus resultados. Os principais recursos incluem:
  • Lista completa de comandos: Veja todos os comandos que Devin executou durante a sessão
  • Prévia dos resultados: Veja o resultado de cada comando sem precisar trocar de contexto
  • Funcionalidade de cópia: Copie rapidamente comandos e resultados para a área de transferência
  • Navegação no tempo: Vá para diferentes momentos da sessão clicando nos comandos
  • Integração com atualizações de progresso: Comandos de shell são vinculados às atualizações de progresso do Devin para fornecer contexto
Devin

Ver atualizações do shell

Durante uma sessão, você pode clicar nas atualizações de progresso do Devin para ver comandos específicos de shell que ele usou enquanto executava subtarefas. A visualização de progresso mostra as atualizações do shell no contexto do trabalho que está sendo realizado.
Devin

Histórico de comandos do shell

Atualizações no shell mostram o histórico completo de comandos e as saídas correspondentes. Você pode copiar facilmente um comando e sua saída clicando no ícone de três pontos.
Devin
Comandos que aparecem acinzentados são comandos executados em um ponto futuro da sessão. Você pode ir para diferentes pontos no tempo da sessão clicando em comandos diferentes na seção Command History.
Devin

Executando seus próprios comandos

Quando você assume o controle da máquina do Devin, passa a ter acesso completo ao terminal. Você pode:
  • Abrir um terminal no VSCode para executar comandos diretamente
  • Alternar terminais do modo somente leitura para o modo de escrita
  • Executar quaisquer comandos necessários para depurar, testar ou configurar o ambiente

Devin IDE

O Devin trabalha em um ambiente interativo do VS Code com seus repositórios carregados. Você pode acompanhar as edições do Devin em tempo real e então ajustar as alterações ou testar o código do Devin diretamente usando as ferramentas e atalhos do IDE que você já conhece.
Devin

Revisando o trabalho do Devin em tempo real

Você pode assistir ao Devin fazer alterações em tempo real. Você está em uma IDE completa, com todos os seus atalhos favoritos, podendo abrir arquivos em novas abas, pular para a definição e muito mais.

Assumindo a tarefa do Devin

O IDE do Devin permite que você assuma o trabalho dele quando necessário, teste e corrija alterações de ponta a ponta sem sair do webapp do Devin. Clique para encerrar a sessão, assumir o controle e começar a usar o IDE você mesmo. Muitos comandos favoritos estão disponíveis no IDE, incluindo:
  • Cmd/Ctrl+K para gerar comandos de terminal a partir de linguagem natural
  • Cmd/Ctrl+I para respostas rápidas a perguntas ou edições rápidas de arquivos
  • Tab autocomplete para autocompletar código
Todos os terminais, comandos do Devin e suas saídas estão disponíveis no VSCode. Altere de somente leitura para editável para executar seus próprios comandos.

Boas práticas na IDE

Ao assumir o trabalho do Devin, mantenha estas dicas em mente:
  • Avise o Devin sobre as alterações que você fez ao retomar a sessão
  • Certifique-se de que o Devin esteja pausado antes de assumir a IDE para evitar alterações simultâneas e conflitantes
  • Use o navegador do Devin para testar você mesmo o build local, sem sair do aplicativo web
O Navegador interativo permite que você use diretamente o navegador do Devin. Esse recurso é especialmente útil para tarefas no navegador em que o Devin pode precisar de ajuda, como solucionar CAPTCHAs, concluir etapas de autenticação de múltiplos fatores, navegar por sites complexos, entre outras.
Devin

Casos de uso do Browser

O Interactive Browser é particularmente útil para:
  • Testar aplicações locais: Teste sua aplicação em execução na máquina do Devin diretamente no navegador
  • Verificação visual: Verifique se as alterações de UI estão corretas no navegador
  • Capturas de tela e gravações: Devin pode capturar capturas de tela e vídeos do navegador e enviá-los de volta para você como comprovação de testes ou para mostrar resultados
  • Fluxos de autenticação: Conclua etapas de login, desafios de MFA ou fluxos de OAuth que o Devin não consegue executar automaticamente
  • Resolução de CAPTCHA: Resolva CAPTCHAs manualmente quando o Devin os encontrar
  • Navegação complexa: Ajude o Devin a navegar em interfaces web complexas ou formulários com várias etapas
Quando você interage com o navegador durante uma sessão, os cookies e os dados de sessão persistem durante toda a sessão. Isso significa que você pode fazer login em serviços uma vez e o Devin manterá esse estado autenticado pelo restante da sessão.

Integração & Fluxo de trabalho

As ferramentas IDE, navegador e shell funcionam perfeitamente em conjunto para oferecer uma experiência de desenvolvimento completa. Devin consegue executar, de forma otimista, vários conjuntos de ações, como visualizar o navegador enquanto executa um comando no shell e lê vários arquivos de código. Essa execução em paralelo melhora a velocidade e a eficiência.

Fluxo de trabalho típico

Um fluxo de trabalho típico usando essas ferramentas pode ser:
  1. Inicie uma sessão e deixe o Devin começar a trabalhar
  2. Monitore o progresso usando as atualizações de status
  3. Verifique os comandos do shell para entender o que o Devin está executando
  4. Revise pequenas alterações de código na IDE usando a visualização de diff
  5. Faça testes funcionais com os protótipos (para desenvolvimento frontend)
  6. Assuma o controle se necessário interrompendo o Devin e usando a IDE diretamente
  7. Retome o uso do Devin depois de fazer suas alterações e informar ao Devin o que você fez

Melhores práticas

Quando usar cada ferramenta

FerramentaIdeal para
IDERevisar alterações de código, fazer edições rápidas, depurar
BrowserPrototipagem de front-end, testes visuais, autenticação
ShellMonitorar comandos, executar testes, depurar problemas

Dicas para uma colaboração eficaz

  • Intervenha cedo: Se você perceber que Devin está indo na direção errada, interrompa e redirecione o quanto antes
  • Aproveite o histórico de comandos: Use o histórico de comandos do shell para entender o que Devin já tentou e o que funcionou
  • Comunique mudanças: Ao retomar a sessão, sempre informe Devin sobre quaisquer alterações que você fez ao assumir o controle