Uso de GitHub Codespaces en Visual Studio Code

Acerca de GitHub Codespaces en Visual Studio Code

Puedes utilizar tu instalación local de Visual Studio Code para crear, administrar, trabajar en y borrar codespaces. Para usar GitHub Codespaces en VS Code, debes instalar la extensión Codespaces. Para obtener más información sobre cómo configurar Codespaces en VS Code, consulta "Requisitos previos".

Predeterminadamente, si creas un codespace nuevo en GitHub.com, este se abrirá en el buscador. Si prefieres que cualquier codespace nuevo se abra en VS Code automáticamente, puedes configurar que VS Code sea tu editor predeterminado. Para más información, consulta "Configuración del editor predeterminado para GitHub Codespaces".

Si prefieres trabajar en el explorador, pero quieres seguir usando las extensiones, los temas y los accesos directos existentes de VS Code, puedes activar la sincronización de la configuración. Para más información, consulta "Personalización de GitHub Codespaces para la cuenta".

Requisitos previos

Para hacer desarrollos en un codespace directamente en VS Code, debes instalar la extensión de Codespaces e iniciar sesión en ella con tus credenciales de GitHub. La extensión de Codespaces requiere la versión 1.51 de octubre de 2020 de VS Code o una versión superior.

Usa Visual Studio Code Marketplace para instalar la extensión Codespaces. Para obtener más información, consulta Marketplace de extensiones en la documentación de VS Code.

Creación de un codespace en VS Code

Después de que conectes tu cuenta de GitHub.com a la extensión de GitHub Codespaces, puedes crear un codespace nuevo. Para obtener más información sobre la extensión GitHub Codespaces, consulta el marketplace de VS Code Marketplace.

1. En VS Code, en la barra lateral izquierda, haz clic en el icono de Explorador Remoto.

   

   Note: If the Remote Explorer is not displayed in the Activity Bar:

   1. Access the Command Palette. For example, by pressing Shift+Command+P (Mac) / Ctrl+Shift+P (Windows/Linux).
   2. Type: codespaces.
   3. Click Codespaces: Details.

2. Haz clic el icono de Agregar: .

   

3. Escribe el nombre del repositorio en el que quieres desarrollar y selecciónalo.

   

4. Da clic en la rama en la que quieras desarrollar.

   

5. Si se te pide que elijas un archivo de configuración de contenedor de desarrollo, selecciona un archivo en la lista.

   

6. Elige el tipo de máquina que quieres utilizar.

   

   Nota: Tu elección de los tipos de máquina disponibles podría estar limitada por una directiva configurada para la organización o por una especificación mínima del tipo de máquina para el repositorio. Para más información, vea "Restricción del acceso a los tipos de máquina" y "Configuración de una especificación mínima para las máquinas de los codespaces".

Apertura de un codespace en VS Code

1. En VS Code, en la barra lateral izquierda, haz clic en el icono de Explorador Remoto.

   

   Note: If the Remote Explorer is not displayed in the Activity Bar:

   1. Access the Command Palette. For example, by pressing Shift+Command+P (Mac) / Ctrl+Shift+P (Windows/Linux).
   2. Type: codespaces.
   3. Click Codespaces: Details.

2. Debajo de "Codespaces", da clic en el codespace en el que quieras desarrollar.

3. Da clic en en el icono de conexión al codespace.

   

Cambio del tipo de máquina en VS Code

Normalmente, puedes ejecutar tu codespace en la máquina remota de tu elección, desde 2 hasta 32 núcleos. Cada una de estas tiene un nivel de recursos y de facturación diferentes. Para obtener información, consulta "Acerca de la facturación de GitHub Codespaces".

De forma predeterminada, al crear un codespace se utiliza el tipo de máquina con los recursos válidos más bajos. Puedes cambiar el tipo de máquina del codespace en cualquier momento.

1. En VS Code, abre la paleta de comandos (shift command P / shift control P).

2. Busca y selecciona "Codespaces: Cambiar mi tipo de máquina".

   

3. Haz clic en el codespace que quieras cambiar.

   

4. Elige el tipo de máquina que quieres utilizar.

   Nota: Tu elección de los tipos de máquina disponibles podría estar limitada por una directiva configurada para la organización o por una especificación mínima del tipo de máquina para el repositorio. Para más información, vea "Restricción del acceso a los tipos de máquina" y "Configuración de una especificación mínima para las máquinas de los codespaces".

5. Si el codespace se está ejecutando actualmente, se mostrará un mensaje que pregunta si te gustaría reiniciar y reconectarte con tu codespace ahora.

   Haga clic en Sí si quiere cambiar inmediatamente el tipo de máquina que se usa para este codespace.

   Si hace clic en No o si el codespace no está actualmente en ejecución, el cambio se aplicará la próxima vez que se reinicie.

Eliminación de un codespace en VS Code

Puedes eliminar codespaces desde VS Code cuando no estás trabajando actualmente en un codespace.

1. En VS Code, en la barra lateral izquierda, haz clic en el icono de Explorador Remoto.

   

   Note: If the Remote Explorer is not displayed in the Activity Bar:

   1. Access the Command Palette. For example, by pressing Shift+Command+P (Mac) / Ctrl+Shift+P (Windows/Linux).
   2. Type: codespaces.
   3. Click Codespaces: Details.

2. En "CODESPACES DE GITHUB", haz clic con el botón derecho en el codespace que quieras eliminar.

3. Haz clic en Eliminar codespace.

   

Cambio a la compilación para usuarios expertos de VS Code

Puedes usar la compilación Insider de VS Code en Codespaces.

1. En la esquina inferior izquierda de la ventana Codespaces, seleccione Configuración.

2. Desde la lista, selecciona "Cambiar a la versión para expertos".

   

3. Una vez seleccionada, Codespaces seguirá abriéndose en la Versión para Expertos.