练习 - 设置 GitHub Copilot 以使用 Visual Studio Code

  • 5 分钟

在本练习中，我们使用 GitHub 模板为 JavaScript 个人项目组合前端 Web 应用程序创建新的存储库。

如何设置 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 市场中，可以找到 GitHub Copilot、GitHub Copilot Chat 和用于 Azure 的 GitHub Copilot 作为安装选项。

环境设置

首先，需要启动 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 上运行。