Skip to main content

Developing in a codespace

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

You can develop in codespaces you've created for repositories owned by organizations using GitHub Team and Nube de GitHub Enterprise.

Codespaces está disponible para las organizaciones que utilicen GitHub Team o Nube de GitHub Enterprise. Para obtener más información, consulta la sección "Productos de GitHub".

About development with Codespaces

Codespaces provides you with the full development experience of Visual Studio Code. Puedes editar código, depurar y utilizar comandos de git mientras que desarrollas en un codespace con VS Code. Para obtener más información, consulta la sección documentación de VS Code.

Para iniciar con los Codespaces, consulta la "Guía rápida para Codespaces". Para aprender más sobre cómo funcionan los Codespaces, consulta la sección "Adentrarse en los 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.

Puedes conectarte a tu codespace directamente desde VS Code. Para obtener más información, consulta la sección "Utilizar codespaces en VS Code".

Para una mejor experiencia con Codespaces, te recomenamos utilizar un buscador basado en Chromium, como Google Chrome o Microsoft Edge. For more information, see "Troubleshooting Codespaces clients."

Personalizing your codespace

También puedes utilizar un repositorio de dotfiles y Sincronizar la configuración para personalizar los aspectos del ambiente de codespaces para cualquier codespace que crees. La personalización puede incluir preferencias de shell y herramientas adicionales. For more information, see "Personalizing Codespaces for your account."

Después de que cambia la configuración de los Codespaces para un repositorio, puedes aplicar los cambios a un codespace existente si vuelves a compilar el contenedor para el codespace. For more information, see "Configuring Codespaces for your project."

Running your app from a codespace

Puedes reenviar los puertos en tu codespace para probar y depurar tu aplicación. También puedes administrar el protocolo de puerto y compartirlo dentro de tu organización o públicamente. For more information, see "Forwarding ports in your codespace."

Committing your changes

Una vez que hayas hecho cambios a tu codespace, ya sea de código nuevo o de cambios de configuración, necesitarás confirmar tus cambios. El confirmar los cambios en tu repositorio garantiza que cualquiera que cree un codespace desde este repositorio tendrá la misma configuración. Esto también significa que cualquier personalización que hagas, tal como agregar extensiones de VS Code, aparecerá para todos los usuarios.

Para obtener más información, consulta la sección "Utilizar el control de código fuente en tu codespace"

Using the Paleta de comandos de Visual Studio Code

The Paleta de comandos de Visual Studio Code allows you to access and manage many features for Codespaces and VS Code. For more information, see "Using the Paleta de Comandos de VS Code in Codespaces."

  1. Puedes ver cualquier codespace disponible que hayas creado en github.com/codespaces.
  2. Click the name of the codespace you want to develop in. Name of codespace

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.