Skip to main content

Using GitHub Codespaces in Visual Studio Code

Puedes desarrollar tu codespace directamente en Visual Studio Code si conectas la extensión de Acerca de GitHub Codespaces con tu cuenta en GitHub.

Acerca de GitHub Codespaces está disponible para las organizaciones que utilizan GitHub Team o Nube de GitHub Enterprise. Acerca de GitHub Codespaces is also available as a limited beta release for individual users on GitHub Free and GitHub Pro plans. Para obtener más información, consulta la sección "Productos de GitHub".

Acerca de los 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 utilizar los Acerca de GitHub Codespaces en VS Code, necesitas instalar la extensión de Codespaces. Para obtener más información sobre cómo configurar los Codespaces en VS Code, consulta los "Prerrequisitos".

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 obtener más información, consulta la sección "Configurar tu editor predeterminado para Acerca de GitHub Codespaces".

Si prefieres trabajar en el buscador pero quieres seguir utilizando tus extensiones existentes, temas y atajos de VS Code, puedes activar la Sincronización de Ajustes. Para obtener más información, consulta la sección "Personalizar Acerca de GitHub Codespaces para tu cuenta".

Prerrequisitos

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

Utiliza el Mercado de Visual Studio Code para instalar la extesión de Codespaces. Para obtener más información, consulta la secciónExtensión de Marketplace en la documentación de VS Code.

  1. En VS Code, en la barra lateral izquierda, da clic en el icono de Explorador Remoto. El icono de explorador remoto en Visual Studio Code

  2. Da clic en Registrarse para ver GitHub....

    Registrarse para ver Codespaces

  3. Para autorizar a VS Code para acceder a tu cuenta en GitHub, da clic en Permitir.

  4. Regístrate en GitHub para aprobar la extensión.

  1. En VS Code, en la barra lateral izquierda, da clic en el icono de Explorador Remoto. El icono de explorador remoto en Visual Studio Code

  2. Utiliza el menú desplegable de "REMOTE EXPLORER" y luego da clic en Acerca de GitHub Codespaces.

    El encabezado Codespaces

  3. Da clic en Registrarse para ver Codespaces....

    Registrarse para ver Codespaces

  4. Para autorizar a VS Code para acceder a tu cuenta en GitHub, da clic en Permitir.

  5. Regístrate en GitHub para aprobar la extensión.

Crear un codespace en VS Code

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

Nota: Actualmente, VS Code no te permite elegir una configuración de contenedor dev cuando creas un codespace. Si quieres elegir una configuración de contenedor dev específica, utiliza la interfaz web de GitHub para crear tu codespace. Para obtener más información, haz clic en la pestaña de Buscador web en la parte superior de esta página.

  1. En VS Code, en la barra lateral izquierda, da clic en el icono de Explorador Remoto. El icono de explorador remoto en Visual Studio Code

  2. Haz clic en el icono de agregar: .

    La opciòn de crear un codespace nuevo en Codespaces

  3. Escribe el nombre del repositorio en el cual quieras desarrollar y luego selecciónalo.

    Buscar un repositorio para crear un Codespaces nuevo

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

    Buscar una rama para crear un Codespaces nuevo

  5. Si se te pide elegir un archivo de configuración de un contenedor dev, elige un archivo de la lista.

    Elegir un archivo de configuración de contenedor dev para Codespaces

  6. Haz clic en el tipo de máquina que quieras utilizar.

    Tipos de instancia para un Codespaces nuevo

    Nota: Tu elección de tipos de máquina disponible podría verse limitada por una política que se haya configurado para tu organización o por una especificación de tipo de máquina mínima para tu repositorio. Para obtener más información, consulta las secciones "Restringir el acceso a los tipos de máquina" y "Configurar una especificación mínima para las máquinas de los codespaces".

Abrir un codespace en VS Code

  1. En VS Code, en la barra lateral izquierda, da clic en el icono de Explorador Remoto. El icono de explorador remoto en Visual Studio Code

  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.

    Icono de conectarse al codespace en VS Code

Cambiar el tipo de máquina en VS Code

Habitualmente, puedes ejecutar tu codespace en una variedad de máquinas remotas, desde de 2 núcleos hasta de 32 núcleos. Cada una de estas tiene un nivel de recursos y de facturación diferentes. Para obtener más información, consulta la sección "Acerca de la facturación para los Acerca de GitHub Codespaces".

Predeterminadamente, el tipo de máquina con los recursos válidos más bajos se utiliza cuando creas un codespace. Puedes cambiar el tipo de máquina de tu 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".

    Buscar una rama para crear un Codespaces nuevo

  3. Haz clic en el codespace que quieras cambiar.

    Buscar una rama para crear un Codespaces nuevo

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

    Nota: Tu elección de tipos de máquina disponible podría verse limitada por una política que se haya configurado para tu organización o por una especificación de tipo de máquina mínima para tu repositorio. Para obtener más información, consulta las secciones "Restringir el acceso a los tipos de máquina" y "Configurar 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.

    Haz clic en Sí en caso de que quieras cambiar el tipo de máquina que se utiliza para este codespace inmediatamente.

    Si haces clic en No o si el codespace no se está ejecutando actualmente, el cambio se reflejará la próxima vez que este se reinicie.

Borrar un codespace en VS Code

Puedes borrar codespaces desde dentro de VS Code cuando no estés trabajando actualmente en alguno de ellos.

  1. En VS Code, en la barra lateral izquierda, da clic en el icono de Explorador Remoto. El icono de explorador remoto en Visual Studio Code

  2. Debajo de "GITHB CODESPACES", haz clic derecho en aquél que quieras borrar.

  3. Haz clic en Borrar Codespace.

    Borrar un codespace en GitHub

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

Puedes utilizar la Compilación de insiders de VS Code dentro de Codespaces.

  1. En la parte inferior izquierda de tu ventana de Codespaces, selecciona Ajustes.

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

    Hacer clic en "Compilación para expertos" en Codespaces

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