過去,如果您在 Visual Studio Code (VS Code) 中遇到編碼問題並希望得到 ChatGPT 的幫助,您通常需要複製您的程式碼,貼上到 ChatGPT 中,輸入您的問題,然後複製答案並貼上回 VS Code 中。
這種來來回回的操作可能會有點慢,而且會打斷您的工作流程。
但現在,有了最新版本,ChatGPT 可以直接與桌面上的應用程式協同工作,包括 VS Code。這意味著當你尋求幫助時,ChatGPT 可以“see”你開啟的檔案,因此它能理解上下文,而不需要你複製和貼上所有內容。
讓我們看看它是如何工作的。
啟用整合
首先,你需要為 VS Code 安裝官方 ChatGPT 擴充套件。
然後,你需要確保在 Settings > Works with Apps > Enable Work with Apps 中將其設定為開啟。
示例:透過VS Code使用ChatGPT
首先,確保 ChatGPT 已開啟並正在執行。然後,鍵入 Option + Space。這個快捷鍵將在 VS Code 的頂部開啟 ChatGPT “Companion Chat”視窗。
現在,我們來看看如何在 VS 程式碼中使用 ChatGPT。
批次編輯
使用 ChatGPT 與 VS Code 整合的一個強大方法是一次性修改多個函式、類、變數、引數或字串。在下面的示例中,我們要求 ChatGPT 重新命名外掛鉤子。
最棒的是什麼?您無需複製和貼上任何程式碼。ChatGPT 可以直接掃描程式碼並提出編輯建議。它甚至會顯示差異,併為你提供一個按鈕,只需點選一下即可應用更改。
生成模板
除了修改現有程式碼,ChatGPT 還能生成模板程式碼,幫助你快速上手。
在本例中,我建立了一個新檔案,並要求它生成在 WordPress 儀表板中新增子選單的程式碼。
最棒的是,它能理解程式碼庫的結構,並遵循與其他檔案相同的編碼風格。
生成測試
另一個方便的用例是生成測試。在本例中,我要求 ChatGPT 為一個類中的所有方法建立測試。我使用的提示是 為這個類中的所有公共方法建立測試。
我喜歡的是,生成的測試涵蓋了“快樂”和“不快樂”兩種路徑,這使得它們相當全面。
不過,ChatGPT 還不支援在單獨檔案中建立這些測試。這意味著你不能直接點選“Apply”按鈕。你需要複製生成的程式碼,然後自己貼上到一個新檔案中。
編寫內聯文件
另一個常用工具是生成內聯文件。在本例中,我要求它為類和方法新增內聯文件,提示如下: 為類中的方法生成內聯文件。儘可能詳細地描述每個方法的用途。
提高程式碼可讀性
如果你不確定自己的程式碼是否易讀,可以讓 ChatGPT 幫助你讓程式碼更清晰。在本例中,我要求它提高一段程式碼的可讀性。你可以簡單地使用以下提示 讓程式碼更易讀。
提示:在按 Option + Space 鍵之前,請選擇您要改進的程式碼部分。這樣,ChatGPT 將只關注所選程式碼,而不是嘗試更新整個檔案。
查詢潛在漏洞
如果你擔心程式碼的安全性,可以要求 ChatGPT 檢查程式碼是否存在潛在漏洞。雖然這不能取代全面的安全審計,但這可以作為發現常見問題的第一步,如硬編碼秘密、不安全的函式使用或缺失的輸入驗證或消毒。
只需選擇要分析的程式碼,並使用類似以下的提示即可: 檢查此程式碼是否存在安全問題。
我覺得這些建議很好,也很有效。由於它不瞭解程式碼的全貌,因此不會立即提供程式碼更新,因為您需要考慮是否真的需要應用。
小結
ChatGPT 和 VS Code 是一對好搭檔。雖然它可能不如 GitHub Copilot 那樣緊密整合或功能強大,但 ChatGPT 仍然是一個有用的助手。它是一個可靠的替代方案,尤其是如果你更喜歡侵入性較低的人工智慧,並且只在你要求時才介入的話。
評論留言