練習 - 設定 GitHub Copilot 以搭配使用 Visual Studio Code

  • 5 分鐘

在本練習中，我們會使用 JavaScript 個人組合前端 Web 應用程式的 GitHub 範本來建立新的存放庫。

如何設定 GitHub Copilot

若要使用 GitHub Copilot，您需要完成以下步驟：

  1. GitHub 帳戶：

    • 建立 GitHub 帳戶。 由於 Copilot 是一項 GitHub 服務，因此您需要 GitHub 帳戶才能使用它。 如果您沒有帳戶，請流覽 GitHub 網頁 以免費建立一個帳戶。

  2. 註冊並啟用 GitHub Copilot：

    • 您可以設定 GitHub Copilot 免費帳戶，或使用一次性 30 天的試用版註冊 GitHub Copilot Pro 試用版的訂用帳戶。 為了學習目的，具有使用限制的 Copilot Free 選項應該就已足夠。
    • 請務必注意 GitHub Copilot 免費試用條件：如果您選擇 GitHub Copilot 的免費試用版供應專案，則會在註冊時要求一種付款形式。 除非您在 30 天期間結束之前取消，否則在試用期結束之前，都不會套用費用。

小提示

GitHub Copilot 每月免費提供 2,000 個程式碼自動完成和 50 個聊天訊息。 若要開始使用，請開啟 Visual Studio Code，按一下 GitHub Copilot 圖示，然後按一下 [登入以免費使用 GitHub Copilot]。 在瀏覽器中開啟的視窗中登入您的 GitHub 帳戶。 深入瞭解。 教育工作者、學生和獲選的開放原始碼維護人員可以免費獲得 Copilot Pro，了解如何：https://aka.ms/Copilot4Students。

  1. 安裝延伸模組：
    • GitHub Copilot 可作為主要 IDE 的延伸模組，包括 Visual Studio、Visual Studio Code、JetBrains IDE、VIM 和 XCode。
    • 若要安裝，請在IDE的擴充功能市集中搜尋 「GitHub Copilot」，並遵循安裝指示。 例如，在 VS Code Marketplace 中，您會找到 GitHub Copilot、GitHub Copilot Chat 和 GitHub Copilot for Azure 作為安裝選項。

環境設定

首先，您必須啟動 Codespaces 環境，此環境已預先設定 GitHub Copilot 延伸模組。

  1. 選取以下按鈕來使用預先設定的環境開啟 Codespace。

    在 GitHub Codespaces 中開啟

  2. 在 [建立 Codespace] 頁面上，檢閱 Codespace 組態設定，然後選取 [建立新的 Codespace]

  3. 等候 Codespace 開始。 此啟動程序可能需要幾分鐘的時間。

  4. 此專案中的其餘練習會在此開發容器的內容中進行。

重要

所有 GitHub 帳戶每月都可以免費使用 Codespaces 長達 60 小時，並使用兩個核心實例。 如需詳細資訊，請參閱 GitHub Codespaces 每月包含的儲存體和核心時數。

JavaScript 組合

完成時，Codespaces 會利用底部的終端區段載入。 Codespaces 會在您的容器中安裝所有必要的延伸模組及相依性。 完成後，此範本會設定為使用 npm start 以在您的 Codespace 中啟動 Web 應用程式。

當 Web 應用程式成功啟動時，終端機中的訊息會顯示伺服器正在 Codespace 內的連接埠 1234 上執行。