Usa la codifica letterata per far generare a Bob codice dai commenti in linguaggio naturale, dove Bob ti aiuta a scrivere modifiche di codice precise e consapevoli del contesto direttamente nel tuo editor.

La codifica letterata ti consente di scrivere codice con l'assistenza dell'IA direttamente nel tuo editor. Invece di passare a una finestra di chat o scrivere prompt lunghi, scrivi istruzioni in linguaggio semplice proprio dove deve andare il codice. Bob genera quindi l'implementazione per te in contesto e mostra un diff delle modifiche.

La codifica letterata è efficace per le seguenti modifiche:

Aggiungere logica di avvolgimento: Meccanismi di riprovare, gestione degli errori o registrazione attorno al codice esistente

Refactoring di blocchi specifici: Modificare sezioni specifiche preservando la logica circostante

Modifiche rapide e mirate: Cambiamenti precisi in funzioni specifiche senza influenzare la struttura più ampia. Per modifiche complesse che influenzano più funzioni o file, considera di usare la barra laterale di chat agente per creare un Piano.

In questo tutorial, correggi un timeout intermittente avvolgendo un blocco di codice con logica di riprovare.

Prerequisiti

Per completare questo tutorial, hai bisogno di quanto segue:

Se non ce l'hai già, clona il codice demo di Galaxium Travels. Il comando di clonazione verifica anche il branch bob-learning-path-branch che contiene il codice che usi nei tutorial.

git clone -b bob-learning-path-branch https://github.com/IBM/galaxium-travels

Bob IDE con il codice demo Galaxium Travels aperto

Hai eseguito /init nella barra laterale di chat agente di Bob per inizializzarlo e consentirgli di raccogliere il contesto dalla base di codice. Fai riferimento al tutorial Iniziare un progetto se non l'hai ancora fatto.

Sebbene non obbligatorio, considera di fare il tutorial di avvio rapido per familiarizzare con l'interfaccia e le funzionalità di Bob.

Potresti voler avviare una nuova finestra di contesto per questo tutorial. Fai riferimento al tutorial Creare una nuova finestra di contesto.

Usare la codifica letterata

Il backend di Galaxium Travels non è affidabile e occasionalmente ottiene errori di timeout. Invece di riscrivere il codice da zero, puoi usare la codifica letterata per avvolgere il blocco di codice specifico con logica di riprovare.

Aprire il file

Apri il file booking_system_frontend/src/pages/Flights.tsx.

Posizionare il cursore

Fai clic sulla riga 43.

Attivare la modalità di codifica letterata

Fai clic sui puntini di sospensione e poi seleziona Literate Coding Mode.

Selezionare la modalità di codifica letterata

Scrivere l'istruzione

Inserisci la seguente istruzione in linguaggio naturale per descrivere la modifica desiderata alla riga 43:

Il backend non è affidabile a volte. Abbiamo bisogno di logica di riprovare qui

Prompt in linguaggio naturale inserito in modalità di codifica letterata

Generare il codice

Fai clic su Generate per produrre le modifiche.

Bob presenta le modifiche in un'interfaccia di visualizzazione diff. Il testo evidenziato in rosso mostra quale codice viene eliminato e il testo evidenziato in verde mostra quale codice Bob aggiunge.

Bob presenta le modifiche proposte in una visualizzazione diff

Accettare le modifiche

Rivedi le modifiche e fai clic su Accept All per applicarle.

Hai aggiunto un ciclo di riprovare per risolvere gli errori di timeout nell'applicazione web Galaxium Travels.

Prossimi passi

In questo tutorial, hai imparato come la codifica letterata ti consente di usare modifiche di codice precise guidate dal linguaggio naturale. Il codice letterato ti mostra un diff di codice in modo che tu possa rivedere il codice prima di accettare le modifiche.

Passa a Pianificare e implementare funzionalità complesse per saperne di più sulla barra laterale di chat agente, che è l'interfaccia principale per attività di sviluppo complesse multi-passo in Bob.

Generare codice dai commenti