Skip to main content

Developing in a codespace

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

GitHub Codespaces está disponible para las organizaciones que usen GitHub Team o GitHub Enterprise Cloud. GitHub Codespaces también está disponible como versión beta limitada para usuarios individuales en los planes GitHub Free y GitHub Pro. Para más información, vea "Productos de GitHub".

About development with GitHub Codespaces

GitHub Codespaces provides you with the full development experience of Visual Studio Code. Puedes editar código, depurar y utilizar comandos de Git mientras desarrollas en un codespace con VS Code. Para más información, consulta la documentación de 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.

Puedes conectarte a tu codespace directamente desde VS Code. Para obtener más información, consulta "Uso de Codespaces en 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

También puede usar un repositorio dotfiles y Settings Sync para personalizar aspectos del entorno de codespace para cualquier codespace que cree. La personalización puede incluir preferencias de shell y herramientas adicionales. For more information, see "Personalizing GitHub Codespaces for your account."

Después de que cambia la configuración de GitHub Codespaces de un repositorio, puedes aplicar los cambios a un codespace existente si vuelves a compilar el contenedor para el codespace. For more information, see "Introduction to dev containers."

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 información, vea "Uso del control de código fuente en 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."