在 Visual Studio Code 中使用 GitHub Codespaces

关于 Visual Studio Code 中的 GitHub Codespaces

您可以使用本地安装的 Visual Studio Code 来创建、管理、处理和删除代码空间。 要在 VS Code 中使用 GitHub Codespaces，你需要安装 Codespaces 扩展。 有关在 VS Code 中设置 GitHub Codespaces 的详细信息，请参见先决条件。

默认情况下，如果在 GitHub 上创建新的代码空间，它将在浏览器中打开。 如果希望自动打开 VS Code 中的任何新 codespace，则可以将默认编辑器设置为 VS Code。 有关详细信息，请参阅“设置 GitHub Codespaces 的默认编辑器”。

如果你更喜欢在浏览器中工作，但希望继续使用现有 VS Code 扩展程序、主题背景和快捷方式，则可以打开“设置同步”。有关详细信息，请参阅“个性化你帐户的 GitHub Codespaces”。

先决条件

若要直接在 VS Code 的 codespace 中进行开发，必须使用 GitHub 凭据安装并登录到 GitHub Codespaces 扩展。 GitHub Codespaces 扩展需要 VS Code 2020 年 10 月 版本 1.51 或更高版本。

使用 Visual Studio Code Marketplace 安装 GitHub Codespaces 扩展。 有关详细信息，请参阅 VS Code 文档中的扩展市场。

1. 在 VS Code 的活动栏中，单击“远程资源管理器”图标。

   

   注意

   如果远程资源管理器未显示在活动栏中：

   1. 访问命令面板。 例如，通过按 Shift+Command+P (Mac)/Ctrl+Shift+P (Windows/Linux)。
   2. 键入：details。
   3. 单击“Codespace: 详细信息”。

2. 从“远程资源管理器”侧栏顶部的下拉列表中选择“GitHub Codespaces”（如果尚未选择）。

3. 单击“登录到 GitHub”。

   

4. 如果当前未登录到 GitHub，则会提示你登录。 继续登录。

5. 当系统提示指定要授权的内容时，单击“GitHub”的“授权”按钮。

6. 如果显示授权页，请单击“授权 Visual-Studio-Code”。

在 VS Code 中创建 codespace

将 GitHub 上的帐户连接到 GitHub Codespaces 扩展后，可以创建新的 codespace。 有关 GitHub Codespaces 扩展的详细信息，请参阅 VS Code Marketplace。

1. 在 VS Code 的活动栏中，单击“远程资源管理器”图标。

   

   注意

   如果远程资源管理器未显示在活动栏中：

   1. 访问命令面板。 例如，通过按 Shift+Command+P (Mac)/Ctrl+Shift+P (Windows/Linux)。
   2. 键入：details。
   3. 单击“Codespace: 详细信息”。

2. 将鼠标悬停在“远程资源管理器”边栏上，然后单击 。

   

3. 在文本框中，键入要在其中开发的存储库的名称，然后将其选中。