Tutoriais

Gerar código a partir de comentários

Use codificação literária para que o Bob gere código a partir de comentários em linguagem natural, onde o Bob ajuda você a escrever modificações de código precisas e conscientes do contexto diretamente no seu editor.

A codificação literária permite que você escreva código com assistência de IA diretamente no seu editor. Em vez de alternar para uma janela de chat ou escrever prompts longos, você escreve instruções em linguagem simples exatamente onde o código deve ir. O Bob então gera a implementação para você em contexto e mostra um diff das alterações.

A codificação literária é eficaz para as seguintes modificações:

  • Adicionar lógica de envolvimento: Mecanismos de repetição, tratamento de erros ou registro em torno do código existente
  • Refatorar blocos específicos: Modificar seções específicas enquanto preserva a lógica circundante
  • Modificações rápidas e direcionadas: Alterações precisas em funções específicas sem afetar a estrutura mais ampla. Para modificações complexas que afetam várias funções ou arquivos, considere usar a barra lateral de chat agente para criar um Plano.

Neste tutorial, você corrige um timeout intermitente envolvendo um bloco de código com lógica de repetição.

Pré-requisitos

Para completar este tutorial, você precisa do seguinte:

  • Se você ainda não tem, clone o código de demonstração do Galaxium Travels. O comando de clonagem também verifica o branch bob-learning-path-branch que contém o código que você usa nos tutoriais.
git clone -b bob-learning-path-branch https://github.com/IBM/galaxium-travels
  • Bob IDE com o código de demonstração Galaxium Travels aberto
  • Você executou /init na barra lateral de chat agente do Bob para inicializá-lo e permitir que ele colete contexto da base de código. Consulte o tutorial Iniciar um projeto se ainda não tiver feito isso.
  • Embora não seja obrigatório, considere fazer o tutorial de início rápido para se familiarizar com a interface e os recursos do Bob.
  • Você pode querer iniciar uma nova janela de contexto para este tutorial. Consulte o tutorial Criar uma nova janela de contexto.

Usar codificação literária

O backend do Galaxium Travels não é confiável e ocasionalmente obtém erros de timeout. Em vez de reescrever o código do zero, você pode usar a codificação literária para envolver o bloco de código específico com lógica de repetição.

Abrir o arquivo

Abra o arquivo booking_system_frontend/src/pages/Flights.tsx.

Posicionar o cursor

Clique na linha 43.

Ativar o modo de codificação literária

Clique nas reticências e selecione Literate Coding Mode.

Selecionar o modo de codificação literária

Escrever a instrução

Digite a seguinte instrução em linguagem natural para descrever a alteração desejada na linha 43:

O backend não é confiável às vezes. Precisamos de lógica de repetição aqui

Prompt em linguagem natural inserido no modo de codificação literária

Gerar o código

Clique em Generate para produzir as modificações.

O Bob apresenta as alterações em uma interface de visualização de diff. O texto destacado em vermelho mostra qual código é removido e o texto destacado em verde mostra qual código o Bob adiciona.

O Bob apresenta as alterações propostas em uma visualização de diff

Aceitar as alterações

Revise as alterações e clique em Accept All para aplicá-las.

Você adicionou um loop de repetição para resolver erros de timeout no aplicativo web Galaxium Travels.

Próximos passos

Neste tutorial, você aprendeu como a codificação literária permite que você use modificações de código precisas impulsionadas por linguagem natural. O código literário mostra um diff de código para que você possa revisar o código antes de aceitar as alterações.

Avance para Planejar e implementar recursos complexos para aprender sobre a barra lateral de chat agente, que é a interface principal para tarefas de desenvolvimento complexas de várias etapas no Bob.

Como está este tópico?