教學

從註釋生成代碼

使用文學編程讓 Bob 從自然語言註釋生成代碼,Bob 幫助您直接在編輯器中編寫精確的、上下文感知的代碼修改。

文學編程允許您直接在編輯器中藉助 AI 輔助編寫代碼。無需切換到聊天視窗或編寫冗長的提示,您只需在代碼應該出現的位置用簡單的語言編寫指令。然後 Bob 會在上下文中為您生成實現,並顯示更改的差異。

文學編程對以下修改有效:

  • 添加包裝邏輯: 在現有代碼周圍添加重試機制、錯誤處理或日誌記錄
  • 重構特定塊: 修改特定部分同時保留周圍的邏輯
  • 快速、有針對性的修改: 對特定函數進行精確更改而不影響更廣泛的結構。對於影響多個函數或文件的複雜修改,請考慮使用代理聊天側邊欄創建計劃

在本教程中,您通過用重試邏輯包裝代碼塊來修復間歇性超時。

先決條件

要完成本教程,您需要以下內容:

  • 如果您還沒有,請克隆 Galaxium Travels 演示代碼。克隆命令還會檢出包含您在教程中使用的代碼的 bob-learning-path-branch 分支。
git clone -b bob-learning-path-branch https://github.com/IBM/galaxium-travels
  • 打開 Galaxium Travels 演示代碼的 Bob IDE
  • 您已在 Bob 的代理聊天介面中執行 /init 以初始化 Bob 並允許其從代碼庫收集上下文。如果您尚未執行此操作,請參閱開始專案教程
  • 雖然不是必需的,但請考慮完成快速入門教程以熟悉 Bob 的界面和功能。
  • 您可能需要為本教程啟動新的上下文視窗。請參閱建立新上下文視窗教程

使用文學編程

Galaxium Travels 後端不可靠,偶爾會出現超時錯誤。您可以使用文學編程用重試邏輯包裝特定的代碼塊,而不是從頭重寫代碼。

打開文件

打開 booking_system_frontend/src/pages/Flights.tsx 文件。

定位光標

點擊第 43 行。

激活文學編程模式

點擊省略號,然後選擇 Literate Coding Mode

選擇文學編程模式

編寫指令

輸入以下自然語言指令來描述第 43 行所需的更改:

後端有時不可靠。我們這裡需要重試邏輯

在文學編程模式中輸入的自然語言提示

生成代碼

點擊 Generate 生成修改。

Bob 在差異視圖界面中呈現更改。紅色突出顯示的文本顯示刪除了哪些代碼,綠色突出顯示的文本顯示 Bob 添加了哪些代碼。

Bob 在差異視圖中呈現建議的更改

接受更改

查看更改並點擊 Accept All 應用它們。

您已添加重試循環來解決 Galaxium Travels Web 應用程序中的超時錯誤。

後續步驟

在本教程中,您學習了文學編程如何讓您使用自然語言驅動的精確代碼修改。文學代碼會顯示代碼差異,以便您在接受更改之前可以查看代碼。

繼續學習規劃和實現複雜功能,了解代理聊天側邊欄,它是 Bob 中複雜多步驟開發任務的主要界面。

這個主題如何?