Użyj kodowania literackiego, aby Bob generował kod z komentarzy w języku naturalnym, gdzie Bob pomaga pisać precyzyjne, świadome kontekstu modyfikacje kodu bezpośrednio w edytorze.

Kodowanie literackie pozwala pisać kod z pomocą AI bezpośrednio w edytorze. Zamiast przełączać się do okna czatu lub pisać długie prompty, piszesz instrukcje prostym językiem dokładnie tam, gdzie powinien być kod. Bob następnie generuje implementację w kontekście i pokazuje różnicę zmian.

Kodowanie literackie jest skuteczne dla następujących modyfikacji:

Dodawanie logiki opakowującej: Mechanizmy ponawiania, obsługa błędów lub logowanie wokół istniejącego kodu

Refaktoryzacja określonych bloków: Modyfikowanie określonych sekcji przy zachowaniu otaczającej logiki

Szybkie, ukierunkowane modyfikacje: Precyzyjne zmiany w określonych funkcjach bez wpływu na szerszą strukturę. W przypadku złożonych modyfikacji wpływających na wiele funkcji lub plików rozważ użycie paska bocznego czatu agentowego do utworzenia Planu.

W tym samouczku naprawisz przerywany timeout, opakowując blok kodu logiką ponawiania.

Wymagania wstępne

Aby ukończyć ten samouczek, potrzebujesz następujących rzeczy:

Jeśli jeszcze tego nie masz, sklonuj kod demonstracyjny Galaxium Travels. Polecenie klonowania sprawdza również gałąź bob-learning-path-branch, która zawiera kod używany w samouczkach.

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

Bob IDE z otwartym kodem demonstracyjnym Galaxium Travels

Uruchomiłeś /init w interfejsie czatu agentowego Boba, aby go zainicjować i umożliwić zbieranie kontekstu z bazy kodu. Zapoznaj się z samouczkiem Rozpocznij projekt, jeśli jeszcze tego nie zrobiłeś.

Chociaż nie jest to obowiązkowe, rozważ wykonanie samouczka szybkiego startu, aby zapoznać się z interfejsem i funkcjami Boba.

Możesz zechcieć uruchomić nowe okno kontekstowe dla tego samouczka. Zapoznaj się z samouczkiem Utwórz nowe okno kontekstowe.

Używanie kodowania literackiego

Backend Galaxium Travels jest zawodny i czasami otrzymuje błędy timeout. Zamiast przepisywać kod od zera, możesz użyć kodowania literackiego, aby opakować określony blok kodu logiką ponawiania.

Otwórz plik

Otwórz plik booking_system_frontend/src/pages/Flights.tsx.

Ustaw kursor

Kliknij w linię 43.

Aktywuj tryb kodowania literackiego

Kliknij wielokropek, a następnie wybierz Literate Coding Mode.

Wybieranie trybu kodowania literackiego

Napisz instrukcję

Wprowadź następującą instrukcję w języku naturalnym, aby opisać pożądaną zmianę w linii 43:

Backend jest czasami zawodny. Potrzebujemy tutaj logiki ponawiania

Prompt w języku naturalnym wprowadzony w trybie kodowania literackiego

Wygeneruj kod

Kliknij Generate, aby wygenerować modyfikacje.

Bob przedstawia zmiany w interfejsie widoku różnic. Tekst podświetlony na czerwono pokazuje, jaki kod jest usuwany, a tekst podświetlony na zielono pokazuje, jaki kod Bob dodaje.

Bob przedstawia proponowane zmiany w widoku różnic

Zaakceptuj zmiany

Przejrzyj zmiany i kliknij Accept All, aby je zastosować.

Dodałeś pętlę ponawiania, aby rozwiązać błędy timeout w aplikacji internetowej Galaxium Travels.

Następne kroki

W tym samouczku nauczyłeś się, jak kodowanie literackie pozwala używać precyzyjnych modyfikacji kodu opartych na języku naturalnym. Kod literacki pokazuje różnicę kodu, dzięki czemu możesz przejrzeć kod przed zaakceptowaniem zmian.

Przejdź do Planowanie i wdrażanie złożonych funkcji, aby dowiedzieć się więcej o pasku bocznym czatu agentowego, który jest głównym interfejsem dla złożonych, wieloetapowych zadań programistycznych w Bobie.

Generowanie kodu z komentarzy