如何在 VS Code 中使用 Gemini Code Assist

如何在 VS Code 中使用 Gemini Code Assist

Google最近在拉斯維加斯舉行的 Cloud Next 會議上推出了 Gemini Code Assist,這是一款以企業為導向的人工智慧程式碼完成和輔助工具。

什麼是 Gemini 程式碼協助?您可以在 IDE(例如 VS Code、IntelliJ、Cloud Workstations 或 Cloud Shell Editor)中使用 Gemini Code Assist 來協助開發,或在 Google Cloud Console 中使用它來輔助故障排除。

Gemini Code Assist 可以幫助您在編寫程式碼時完成程式碼,從註解產生完整的函數或程式碼區塊,產生單元測試,並協助您偵錯、理解和記錄程式碼。

從技術上講,它是 Duet AI 的演變,谷歌幾個月前停止了 Duet AI。然而,現在,它更像是微軟 GitHub Copilot 的直接競爭對手,後者是可以幫助您編碼的最著名的人工智慧工具之一。

Code Assist 使用 Gemini 1.5 Pro,它擁有 100 萬個上下文窗口,是所有模型提供的最大上下文窗口。這給 Code Assist 帶來了相當大的優勢。用戶甚至可以使用此上下文視窗對其整個程式碼庫進行更改,這是目前其他平台無法提供的。

公司還可以根據其內部程式碼庫微調 Code Assist,就像 GitHub Copilot 一樣。

您可以在 2024 年 7 月 11 日之前免費試用 Gemini Code Assist,每個計費帳戶僅限一名使用者。

在本指南中,我們將重點放在如何在 Visual Studio (VS) Code 中使用 Gemini Code Assist。

使用 VS Code 設定 Gemini Code Assist

要將 Code Assist 與 VS Code 結合使用,您需要按照以下步驟來設定整個內容。

安裝雲端代碼擴充

首先,您需要安裝 Cloud Code 擴充功能才能將 Code Assist 與 VS Code 結合使用。

  • 在您的電腦上開啟 VS Code。
  • 然後,從左側選單轉到“擴展”。
  • 使用搜尋欄搜尋“雲端代碼”。點選第一個搜尋結果,即Gemini + Google Cloud Code。
  • 然後,點擊“安裝”按鈕並安裝擴充功能。

Cloud Code 擴充功能現已安裝在 VS Code 上。它最適用於以下語言:

  • NodeJS
  • Python
  • 爪哇
  • 。網

雖然 NodeJS 在 VS Code 中具有內建支援並且不需要額外的操作,但如果您想使用其他語言,則需要安裝它們。您可以像安裝 Cloud Code 擴充功能一樣安裝這些語言。

或者,如果您想要將範例複製到您的計算機,您還需要安裝 Git。

連接到谷歌雲

現在,下一步涉及從 VS Code 連接到 Google Cloud。

  • 安裝擴充功能後,按一下「開啟演練」選項。
  • 點選「連接 Google Cloud」選項上的「連線」按鈕。
  • 將出現一則訊息,指出 VS Code 要開啟外部網站。點選“開啟”繼續。
  • 然後,登入您的 Google 帳戶。
  • 接下來,您的Google帳戶會要求您確保您從Google下載了此應用程式[Cloud Code];點擊“登入”繼續。

您的帳戶現已連接到 Google Cloud。

接下來,您需要透過選擇啟用了 Cloud API 的 Google Cloud 專案來在 VS Code 中啟動 Gemini。但是,如果您到目前為止尚未註冊 Google Cloud,則首先需要註冊。

註冊 Google 雲

如果您沒有 Google Cloud,則可以使用 300 美元的積分免費試用 3 個月。

  • 造訪 cloud.google.com 並點擊「免費開始」。
  • 然後,提供您的帳戶資訊並點擊「同意並繼續」。
  • 提供您的付款信息,然後點擊“開始免費”以獲得免費試用。試用結束後,除非您手動啟動完整的 Google Cloud 帳號,否則我們不會向您收取費用。

擁有 Google Cloud 後,您可以使用其中的專案在 VS Code 中使用 Gemini。

在 VS Code 中啟動 Gemini

  • 現在,返回 VS Code 並點擊「選擇 Google Cloud 專案」以啟動 Gemini。
  • 選擇 Google Cloud 項目的選項將出現在頂部。選擇啟用了 Cloud API 的 Google Cloud 專案。您也可以建立新的 Google Cloud 專案。
  • 如果您所選的項目未啟用 Cloud API,您將在 VS Code 視窗中收到錯誤訊息。點擊“啟用 API”即可修復該問題。
  • Gemini 將啟動以在 VS Code 中使用。您可以隨時從狀態列存取它,狀態列現在將顯示已啟動的 Gemini,而不是先前停用的 Gemini 圖示(帶有對角線的紅色圖示)。
  • Gemini 的選項也會加入左側的活動欄。

就是這樣。現在,您可以開始在 VS Code 中使用 Gemini 來取得程式碼產生說明或與其聊天。

使用 Gemini 產生程式碼

若要在 VS Code 中使用 Gemini,您可以根據提示產生新程式碼、取得編碼建議或取得內嵌建議。

首先,打開要使用 Gemini 的現有應用程序,或為 Cloud Code 建立範例應用程式來測試 Gemini。

  • 若要建立範例應用程序,請按Ctrl+ Shift+ P(Windows/Linux) 或Cmd+ Shift+ P(Mac) 開啟 VS Code 上的命令面板。
  • 然後,輸入「雲端代碼:新應用程式」並按 Enter 鍵。
  • 從選項中選擇“Kubernetes 應用程式”。
  • 然後,從選項中選擇一個範例應用程序,例如“Python (Flask): Guestbook”。請注意,如果您尚未安裝範例應用程序,則需要安裝該語言。
  • 將應用程式儲存到您所需的位置,然後將建立應用程式。

建立應用程式後,建立一個新的程式碼檔案或開啟現有的程式碼檔案以使用 Gemini。以下是 Gemini 可以幫助您產生程式碼的各種方法。

取得線上建議

  • 要獲得線上建議,請開始輸入代碼。
  • Gemini 將在您編寫程式碼時為您提供自動完成建議。
  • 您可以Tab按接受建議。若要忽略建議,請按Esc或繼續編寫程式碼。

產生程式碼

  • Gemini 還可以為您產生新的程式碼。點選 IDE 視窗中的「Gemini:智慧型操作」圖示。
  • 然後,從選項中按一下「生成程式碼」。
  • Gemini 將根據您檔案中已有的程式碼為您產生新程式碼。

根據提示產生程式碼

您也可以向 Gemini 提供提示以為其產生程式碼。

  • 轉到程式碼中的新行並鍵入,#然後提示輸入代碼。例如,鍵入# Function to create a Cloud Storage bucket並按 Enter。
  • 然後,要產生程式碼,請按Ctrl+,Enter無論您使用的是 Windows、Linux 還是 Mac。
  • Gemini 將根據您的請求產生程式碼。按Tab鍵盤接受它。

與雙子座聊天

您也可以在 VS Code 中與 Gemini 聊天。它可以回答問題、向您解釋程式碼或幫助您使用所選程式碼。

  • 若要與 Gemini 聊天,請點選左側活動欄中的「Gemini」圖示。 Gemini 聊天面板將在左側開啟。
  • 在提示欄中輸入您的提示並將其發送到 AI(您的代碼檔案應該為此打開)。例如,您可以說Explain this code to me. Gemini 將使用您文件中的程式碼作為參考,並為您提供解釋。
  • 您也可以選擇檔案中的程式碼,然後將提示傳送給 Gemini 以解釋該程式碼。然後,它只會在回答您的查詢時使用所選代碼作為參考。
  • 您也可以要求 Gemini 為整個程式碼或聊天面板中選定的程式碼產生單元測試。在聊天面板中輸入內容Generate unit tests,Gemini 將為您的整個程式碼或選定的功能(根據您的選擇)產生單元測試。
  • 同樣,您可以在聊天面板中Help debug the code詢問Gemini。Make the code more readable根據您在提示之前是否選擇了程式碼的一部分,它將為您的程式碼的一部分/整個程式碼檔案提供所需的回應。

參觀雙子座的其他方式

  • 您也可以透過點擊程式碼編輯器中的「顯示程式碼操作」圖示(燈泡)來選擇程式碼並使用 Gemini 執行操作。
  • 您也可以在 VS Code 中使用 Gemini 執行其他操作。在 VS Code 上開啟命令面板。
  • 然後,輸入“Gemini:”,就會出現有關如何使用 Gemini 的選項。你可以讓 Gemini 幫你解釋程式碼、專注聊天視圖、產生程式碼、生成單元測試等。

就是這樣。 Gemini Code Assist 希望成為 GitHub Copilot 的有力競爭對手,尤其是它擁有 100 萬個上下文視窗。現在,唯一剩下的事情就是 Gemini Code Assist 是否會像編碼一樣高效,真正成為一個有用的工具。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *