如何將ChatGPT整合至Visual Studio Code

如何將ChatGPT整合至Visual Studio Code

過去,如果您在 Visual Studio Code (VS Code) 中遇到編碼問題並希望得到 ChatGPT 的幫助,您通常需要複製您的程式碼,貼上到 ChatGPT 中,輸入您的問題,然後複製答案並貼上回 VS Code 中。

這種來來回回的操作可能會有點慢,而且會打斷您的工作流程。

cover

但現在,有了最新版本,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 仍然是一個有用的助手。它是一個可靠的替代方案,尤其是如果你更喜歡侵入性較低的人工智慧,並且只在你要求時才介入的話。

評論留言