在代码空间中开发

本文中的标签页允许您在这些工作方式的对应信息之间切换。目前您位于 Visual Studio Code 的标签页。

在 VS Code 中使用代码空间

GitHub Codespaces 为您提供了完整的 Visual Studio Code 开发体验。您可以在使用 VS Code 的代码空间中编辑代码、调试以及使用 Git 命令。更多信息，请参阅 VS Code 文档。

用户界面的主要组件有

1. 侧边栏 - 默认情况下，此区域在资源管理器中显示您的项目文件。
2. 活动栏 - 此栏显示视图并提供切换视图的方式。您可以通过拖放来重新排列视图。
3. 编辑器 - 在此处编辑文件。您可以右键单击文件标签页以获取诸如在资源管理器中定位文件等选项。
4. 面板 - 在此处可以查看输出和调试信息，也是集成终端的默认位置。
5. 状态栏 - 此区域提供有关您的代码空间和项目的有用信息。例如，分支名称、已配置的端口等。

有关使用 VS Code 的更多信息，请参阅 VS Code 文档中的 用户界面指南。

您可以直接从 VS Code 连接到您的代码空间。更多信息，请参阅 在 Visual Studio Code 中使用 GitHub Codespaces。

有关故障排除信息，请参阅 故障排除 GitHub Codespaces 客户端。

自定义仓库的代码空间

您可以通过为仓库创建或更新 dev container 配置来自定义为该仓库创建的代码空间。您可以在代码空间内部完成此操作。在更改 dev container 配置后，您可以通过重新构建代码空间的 Docker 容器来将更改应用到当前代码空间。更多信息，请参阅 dev 容器简介。

个性化您的代码空间

您可以使用 dotfiles 仓库和 Settings Sync 来为您创建的任何代码空间个性化环境。个性化可以包括 shell 偏好设置和其他工具。更多信息，请参阅 为您的账户个性化 GitHub Codespaces。

从代码空间运行您的应用

您可以在代码空间中转发端口以测试和调试您的应用程序。您还可以管理端口协议并在组织内部或公开共享该端口。更多信息，请参阅 在代码空间中转发端口。

提交更改

对代码空间进行更改后（无论是新代码还是配置），你都应提交这些更改。将配置提交到仓库可以确保以后任何人在此仓库创建代码空间时都能获得相同的配置。你所做的任何自定义（例如添加 VS Code 扩展）都将对所有用户生效。

本教程中，你是从模板仓库创建的代码空间，因此代码尚未存储在仓库中。你可以通过将当前分支发布到 GitHub 来创建仓库。

相关信息请参阅 在代码空间中使用源代码管理。

使用 Visual Studio Code 命令面板

Visual Studio Code 命令面板让您可以访问和管理许多针对 Codespaces 和 Visual Studio Code 的功能。更多信息，请参阅 在 GitHub Codespaces 中使用 Visual Studio Code 命令面板。

导航至现有代码空间

1. 您可以在“Your codespaces”（您的代码空间）页面查看已创建的所有可用代码空间。要打开此页面，请在 GitHub 左上角选择，然后点击 代码空间。这将带您前往 github.com/codespaces。

2. 单击您想要开发的代码空间名称。

   

或者，您可以通过前往相应的仓库，点击 Code 按钮并选择 Codespaces 选项卡，查看该仓库的任何代码空间。下拉菜单将显示该仓库的所有活动代码空间。