About development with Codespaces
Codespaces provides you with the full development experience of Visual Studio Code. 使用 Visual Studio Code 在代码空间中开发时,您可以编辑代码、调试和使用 Git 命令。 更多信息请参阅 Visual Studio Code 文档。
To get started with Codespaces, see "Quickstart for Codespaces." To learn more about how Codespaces works, see "Deep dive into Codespaces."

- Side Bar - By default, this area shows your project files in the Explorer.
- Activity Bar - This displays the Views and provides you with a way to switch between them. You can reorder the Views by dragging and dropping them.
- Editor - This is where you edit your files. You can use the tab for each editor to position it exactly where you need it.
- Panels - This is where you can see output and debug information, as well as the default place for the integrated Terminal.
- Status Bar - This area provides you with useful information about your codespace and project. For example, the branch name, configured ports, and more.
For more information on using Visual Studio Code, see the User Interface guide in the Visual Studio Code documentation.
您可以直接从 Visual Studio Code 连接至您的代码空间。 更多信息请参阅“在 Visual Studio Code 中使用代码空间”。
为获取 Codespaces 最佳使用体验,建议使用基于 Chromium 的浏览器,如 Google Chrome 或 Microsoft Edge。 For more information, see "Troubleshooting Codespaces clients."
Personalizing your codespace
您还可以使用 dotfiles 仓库和设置同步来针对您创建的任何代码空间而个性化代码空间环境的各个方面。 个性化可以包括 shell 首选项和其他工具。 For more information, see "Personalizing Codespaces for your account."
在仓库的 Codespaces 配置更改后,您可以通过重建代码空间的容器来将更改应用于现有代码空间。 For more information, see "Configuring Codespaces for your project."
Running your app from a codespace
您可以转发代码空间中的端口以测试和调试应用程序。 You can also manage the port protocol and share the port within your organization or publicly. For more information, see "Forwarding ports in your codespace."
Committing your changes
在对代码空间进行更改(无论是添加新代码还是更改配置)之后,您需要提交更改。 将更改提交到仓库可确保从此仓库创建代码空间的其他任何人都具有相同的配置。 这也意味着您所做的任何自定义,例如添加 Visual Studio Code 扩展,都会显示给所有用户。
有关信息,请参阅“在代码空间中使用源控制”。
Using the VS Code Command Palette
The VS Code Command Palette allows you to access and manage many features for Codespaces and Visual Studio Code. For more information, see "Using the VS Code Command Palette in Codespaces."
Navigating to an existing codespace
- 您可以在 github.com/codespaces 上查看您创建的每一个可用代码空间。
- Click the name of the codespace you want to develop in.

Alternatively, you can see any active codespaces for a repository by navigating to that repository and selecting Code. The drop-down menu will display all active codespaces for a repository.