Skip to main content

Developing in a codespace

You can open a codespace on GitHub, then develop using Visual Studio Code's features.

Os GitHub Codespaces estão disponíveis para organizações que usam o GitHub Team ou o GitHub Enterprise Cloud. GitHub Codespaces também está disponível como uma versão beta limitado para usuários individuais nos planos GitHub Free e GitHub Pro. Para obter mais informações, confira "produtos de GitHub".

About development with GitHub Codespaces

GitHub Codespaces provides you with the full development experience of Visual Studio Code. Você pode editar código, depurar e usar comandos do Git ao mesmo tempo que faz o desenvolvimento em um codespace com VS Code. Para obter mais informações, confira a documentação do VS Code.

To get started with GitHub Codespaces, see "Quickstart for GitHub Codespaces." For more information on creating or reopening a codespace, see "Creating a codespace" and "Opening an existing codespace." To learn more about how GitHub Codespaces works, see "Deep dive into GitHub Codespaces."

Codespace overview with annotations

  1. Side Bar - By default, this area shows your project files in the Explorer.
  2. 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.
  3. Editor - This is where you edit your files. You can use the tab for each editor to position it exactly where you need it.
  4. Panels - This is where you can see output and debug information, as well as the default place for the integrated Terminal.
  5. 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 VS Code, see the User Interface guide in the VS Code documentation.

Você pode se conectar ao seu codespace diretamente do VS Code. Para obter mais informações, confira "Como usar Codespaces no VS Code".

For the best experience with GitHub Codespaces, we recommend using a Chromium-based browser, like Google Chrome or Microsoft Edge. For more information, see "Troubleshooting GitHub Codespaces clients."

Personalizing your codespace

Use também um repositório de dotfiles e a Sincronização de Configurações para personalizar aspectos do ambiente de codespace para qualquer codespace criado. A personalização pode incluir preferências de shell e ferramentas adicionais. For more information, see "Personalizing GitHub Codespaces for your account."

Depois que a configuração do GitHub Codespaces de um repositório for alterada, será possível aplicar as alterações a um codespace existente ao recriar o contêiner para o codespace. For more information, see "Introduction to dev containers."

Running your app from a codespace

Você pode encaminhar portas no seu código para testar e depurar seu aplicativo. Você também pode gerenciar o protocolo de porta e compartilhar a porta em sua organização ou de modo público. For more information, see "Forwarding ports in your codespace."

Committing your changes

Depois de realizar alterações no seu código, tanto novo código como de configuração, você deverá fazer commit das suas alterações. O commit das alterações no seu repositório garante que qualquer pessoa que crie um codespace deste repositório tenha a mesma configuração. Isto também significa que qualquer personalização que você faça, como adicionar extensões do VS Code, aparecerá para todos os usuários.

Para obter informações, confira "Como usar o controle do código-fonte no seu codespace".

Using the Visual Studio Code Command Palette

The Visual Studio Code Command Palette allows you to access and manage many features for GitHub Codespaces and VS Code. For more information, see "Using the VS Code Command Palette in GitHub Codespaces."