Skip to main content

Using Codespaces in Visual Studio Code

You can develop in your codespace directly in Visual Studio Code by connecting the Acerca de GitHub Codespaces extension with your account on GitHub.

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 Codespaces in Visual Studio Code

You can use your local install of Visual Studio Code to create, manage, work in, and delete codespaces. To use Codespaces in Visual Studio Code, you need to install the Acerca de GitHub Codespaces extension. For more information on setting up Codespaces in Visual Studio Code, see "Prerequisites."

By default, if you create a new codespace on GitHub.com, it will open in the browser. If you would prefer to open any new codespaces in Visual Studio Code automatically, you can set your default editor to be Visual Studio Code. For more information, see "Setting your default editor for Codespaces."

If you prefer to work in the browser, but want to continue using your existing Visual Studio Code extensions, themes, and shortcuts, you can turn on Settings Sync. For more information, see "Personalizing Codespaces for your account."

Prerequisites

To develop in a codespace directly in Visual Studio Code, you must install and sign into the Acerca de GitHub Codespaces extension with your GitHub credentials. The Acerca de GitHub Codespaces extension requires Visual Studio Code October 2020 Release 1.51 or later.

Use the Visual Studio Marketplace to install the Acerca de GitHub Codespaces extension. For more information, see Extension Marketplace in the Visual Studio Code documentation.

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

  2. Click Sign in to view GitHub....

    Signing in to view Codespaces

  3. To authorize Visual Studio Code to access your account on GitHub, click Allow.

  4. Sign in to GitHub to approve the extension.

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

  2. Use the "REMOTE EXPLORER" drop-down, then click Acerca de GitHub Codespaces.

    The Codespaces header

  3. Click Sign in to view Codespaces....

    Signing in to view Codespaces

  4. To authorize Visual Studio Code to access your account on GitHub, click Allow.

  5. Sign in to GitHub to approve the extension.

Creating a codespace in Visual Studio Code

After you connect your account on GitHub.com to the Acerca de GitHub Codespaces extension, you can create a new codespace.

  1. En Visual Studio 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 el icono de Agregar y luego en Crear codespace nuevo.

    La opciòn de crear un codespace nuevo en Codespaces

  3. Teclea y luego da clic en el nombre del repositorio en el que quieras desarrollar.

    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. Haz clic en el tipo de máquina en la que quieres desarrollar.

    Tipos de instancia para un Codespaces nuevo

    Note: Your choice of available machine types may be limited by a policy configured for your organization, or by a minimum machine type specification for your repository. 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".

Opening a codespace in Visual Studio Code

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

  2. Under "Codespaces", click the codespace you want to develop in.

  3. Click the Connect to Codespace icon.

    The Connect to Codespace icon in Visual Studio Code

Changing the machine type in Visual Studio Code

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 más información, consulta la sección "Acerca de la facturación para los Codespaces".

You can change the machine type of your codespace at any time.

  1. In Visual Studio Code, open the Command Palette (shift command P / shift control P).

  2. Search for and select "Codespaces: Change Machine Type."

    Searching for a branch to create a new Codespaces

  3. Click the codespace that you want to change.

    Searching for a branch to create a new Codespaces

  4. Choose the machine type you want to use.

    Note: Your choice of available machine types may be limited by a policy configured for your organization, or by a minimum machine type specification for your repository. 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. If the codespace is currently running, a message is displayed asking if you would like to restart and reconnect to your codespace now.

    Click Yes if you want to change the machine type used for this codespace immediately.

    If you click No, or if the codespace is not currently running, the change will take effect the next time the codespace restarts.

Deleting a codespace in Visual Studio Code

  1. En Visual Studio 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 derecho en el codespace que quieras borrar.

  3. En el menù desplegable, da clic en Borrar codespace.

    Borrar un codespace en GitHub

Switching to the Insiders build of Visual Studio Code

You can use the Insiders Build of Visual Studio Code within Codespaces.

  1. In bottom left of your Codespaces window, select Settings.

  2. From the list, select "Switch to Insiders Version".

    Clicking on "Insiders Build" in Codespaces

  3. Once selected, Codespaces will continue to open in Insiders Version.