Tutorial: Abrir un proyecto desde un repositorio

En este tutorial, usará Visual Studio para conectarse por primera vez a un repositorio y luego abrir un proyecto desde él.

Si todavía no ha instalado Visual Studio, vaya a la página de descargas de Visual Studio para instalarlo de forma gratuita.

Apertura de un proyecto desde un repositorio de GitHub

Visual Studio facilita la apertura de un proyecto desde un repositorio. Puede hacerlo al iniciar Visual Studio, o bien directamente desde el IDE de Visual Studio.

Esta es la manera de hacerlo.

Uso de la ventana de inicio

  1. Abra Visual Studio.

  2. En la ventana de inicio, seleccione Clonar un repositorio.

    Captura de pantalla del cuadro de diálogo Clonar un repositorio en Visual Studio.

  3. Especifique o escriba la ubicación del repositorio y seleccione el botón Clonar.

    Captura de pantalla del cuadro de diálogo Clonar un repositorio Visual Studio donde se escribe una dirección URL del repositorio de Git.

  4. Es posible que se le solicite su información de inicio de sesión en el cuadro de diálogo Información de usuario de GIT. Puede agregar su información o editar la información predeterminada que se proporciona.

    Captura de pantalla del cuadro de diálogo Información de usuario de GIT en el que escribe o edita la información de la cuenta en Visual Studio 2022.

    Seleccione Guardar para agregar la información al archivo global .gitconfig, o bien, seleccione Cancelar para agregarla más adelante.

    Sugerencia

    Para más información sobre cómo iniciar sesión en Visual Studio, consulte la página Iniciar sesión en Visual Studio. Para información específica sobre cómo usar una cuenta de GitHub para iniciar sesión, consulte la página Trabajar con cuentas de GitHub en Visual Studio. Si recibe una notificación de confianza y desea más información al respecto, consulte la página Configurar la confianza de archivos y carpetas.

Vista de archivos en el Explorador de soluciones

  1. Luego, Visual Studio carga las soluciones desde el repositorio mediante la Vista de carpetas en el Explorador de soluciones.

    Captura de pantalla de la Vista de carpetas en el Explorador de soluciones en Visual Studio 2022.

    Para ver una solución en Vista de solución, haga doble clic en el archivo .sln correspondiente.

    También puede seleccionar el botón Cambiar vistas y, luego, seleccionar Program.cs para ver el código de una solución.

    Captura de pantalla de un proyecto en Git que está abierto en el Explorador de soluciones, con el botón Cambiar vistas resaltado en Visual Studio 2022.

Sugerencia

La vista predeterminada está establecida en Vista de carpetas. Puede cambiarla a la Vista de solución en el menú Git. Para ello, seleccione Configuración > Control de código fuente > Configuración global de Git > Cargar automáticamente la solución al abrir un repositorio GIT.

Apertura de un proyecto de forma local desde un repositorio de GitHub clonado anteriormente

  1. Abra Visual Studio.

  2. En la ventana de inicio, seleccione Abrir un proyecto o una solución.

    Visual Studio abre una instancia del Explorador de archivos, donde puede buscar la solución o el proyecto y seleccionarlos para abrirlos.

    Captura de pantalla de la ventana "Abrir un proyecto o una solución" en Visual Studio 2022.

    Sugerencia

    Si ha abierto el proyecto o la solución recientemente, selecciónelos en la sección Abrir recientes para abrirlos de nuevo rápidamente.

    Ya puede empezar a codificar.

Uso del IDE

También puede utilizar el menú Git o el control Seleccionar repositorio en el IDE de Visual Studio para interactuar con las carpetas y los archivos de un repositorio.

Esta es la manera de hacerlo.

Para clonar un repositorio y abrir un proyecto

  1. En el IDE de Visual Studio, seleccione el menú Git y, luego, Clonar repositorio.

    Captura de pantalla del menú Git en Visual Studio 2022 con la opción Clonar repositorio seleccionada.

  2. Siga las indicaciones para conectarse al repositorio de Git que incluye los archivos que está buscando.

Para abrir carpetas y archivos locales

  1. En el IDE de Visual Studio, seleccione el menú Git, Repositorios locales y, luego, Abrir repositorio local.

    Captura de pantalla del menú Git en Visual Studio 2022 en la que se muestra Repositorios locales y Abrir repositorio local.

    Puede realizar la misma tarea en el Explorador de soluciones. Para hacerlo, elija el control Seleccionar repositorio, seleccione el icono de puntos suspensivos que se encuentra junto al cuadro Filtrar repositorios y, luego, seleccione Abrir repositorio local.

    Captura de pantalla del control Seleccionar repositorio con el icono de puntos suspensivos seleccionado y mostrando la opción Abrir repositorio local.

  2. Siga las indicaciones para conectarse al repositorio de Git que tiene los archivos que está buscando.

Vaya a un repositorio de Azure DevOps

Aquí se muestra cómo navegar a un repositorio de Azure DevOps y clonarlo mediante Visual Studio.

  1. Abra Visual Studio.

  2. En la ventana de inicio, seleccione Clonar un repositorio.

    Captura de pantalla del cuadro de diálogo Clonar un repositorio en Visual Studio para Azure DevOps.

  3. En la sección Examinar un repositorio, seleccione Azure DevOps.

    Captura de pantalla de la sección "Examinar un repositorio" del cuadro de diálogo "Clonar un repositorio" en Visual Studio con Azure DevOps resaltado.

  4. Siga las indicaciones para clonar un repositorio de Azure DevOps que incluya los archivos que busca y, a continuación, abra el proyecto.

Apertura de un proyecto desde un repositorio de GitHub con Visual Studio 2019

La forma de abrir un proyecto desde un repositorio de GitHub mediante Visual Studio depende de la versión que tiene. En concreto, si tiene instalada la versión 16.8 o posteriores de Visual Studio 2019, tiene a su disposición una experiencia de Git en Visual Studio nueva completamente integrada.

De todas formas, independientemente de la versión que tenga instalada, siempre puede abrir un proyecto desde un repositorio de GitHub con Visual Studio.

Visual Studio 2019, versión 16.8 y posteriores

A continuación, verá cómo usar Git en la versión 16.8 o posteriores de Visual Studio 2019.

Clonación de un repositorio de GitHub y apertura de un proyecto

  1. Abra Visual Studio 2019.

  2. En la ventana de inicio, seleccione Clonar un repositorio.

    Captura de pantalla del cuadro de diálogo "Clonar un repositorio" en Visual Studio 2019, versión 16.8 y posteriores

  3. Especifique o escriba la ubicación del repositorio y, luego, seleccione Clonar.

    Captura de pantalla del cuadro de diálogo Clonar un repositorio, donde debe escribir la dirección URL de un repositorio de Git en Visual Studio 2019, versión 16.8 y posteriores.

  4. Es posible que se le solicite su información de inicio de sesión en el cuadro de diálogo Información de usuario de GIT. Puede agregar su información o editar la información predeterminada que se proporciona.

    Captura de pantalla del cuadro de diálogo Información de usuario de GIT, donde se debe escribir o editar la información de la cuenta en Visual Studio 2019, versión 16.8 y posteriores.

    Seleccione Guardar para agregar la información al archivo global .gitconfig, o bien, seleccione Cancelar para agregarla más adelante.

    Sugerencia

    Para obtener más información sobre cómo iniciar sesión en Visual Studio, consulte la página Iniciar sesión en Visual Studio. Asimismo, para obtener información específica sobre cómo usar su cuenta de GitHub para iniciar sesión, consulte la página Trabajar con cuentas de GitHub en Visual Studio.

    Después de esto, Visual Studio carga automáticamente la solución y la abre desde el repositorio.

    Captura de pantalla de un proyecto de Git que está abierto en el Explorador de soluciones en Visual Studio 2019, versión 16.8 y posteriores.

  5. Si el repositorio contiene varias soluciones, las verá en Explorador de soluciones. Para ver la lista de soluciones, seleccione el botón Cambiar vistas del Explorador de soluciones.

    Captura de pantalla de un proyecto de Git que está abierto en el Explorador de soluciones con el botón Cambiar vistas resaltado en Visual Studio 2019, versión 16.8 y posteriores.

    El Explorador de soluciones le permite abrir la carpeta raíz en Vista de carpetas o seleccionar un archivo de solución para abrirlo.

    Captura de pantalla del archivo .sln en Git abierto en el Explorador de soluciones después de seleccionar el botón Cambiar vistas en Visual Studio 2019, versión 16.8 y posteriores.

    Para alternar la vista, seleccione de nuevo el botón Cambiar vistas.

    Sugerencia

    También puede usar el menú Git en el IDE de Visual Studio para clonar un repositorio y abrir un proyecto.

    Captura de pantalla del menú Git en Visual Studio 2019, versión 16.8 y posteriores.

Apertura de un proyecto de forma local desde un repositorio de GitHub clonado anteriormente

  1. Abra Visual Studio 2019, versión 16.8 o posteriores.

  2. En la ventana de inicio, seleccione Abrir un proyecto o una solución.

    Visual Studio abre una instancia del Explorador de archivos, donde puede buscar la solución o el proyecto y seleccionarlos para abrirlos.

    Captura de pantalla de la ventana Abrir un proyecto o una solución en Visual Studio 2019, versión 16.8 y posteriores.

    Si ha abierto el proyecto o la solución recientemente, selecciónelos en la sección Abrir recientes para abrirlos de nuevo rápidamente.

    Sugerencia

    También puede usar el menú Git en el IDE de Visual Studio para abrir archivos y carpetas locales desde un repositorio que haya clonado previamente.

    Captura de pantalla del menú Git en Visual Studio 2019, versión 16.8 y posteriores, con la opción Repositorios locales expandida.

    Ya puede empezar a codificar.

Visual Studio 2019, versión 16.7 y anteriores

A continuación, verá cómo usar Git en la versión 16.7 o anteriores de Visual Studio 2019.

Clonación de un repositorio de GitHub y apertura de un proyecto

  1. Abra Visual Studio 2019, versión 16.7 o anteriores.

  2. En la ventana de inicio, seleccione Clonar o extraer código del repositorio.

    Captura de pantalla de la ventana Crear un proyecto en Visual Studio 2019, versión 16.7 y anteriores.

  3. Especifique o escriba la ubicación del repositorio y, luego, seleccione Clonar.

    Captura de pantalla de la ventana Clonar o extraer código del repositorio en Visual Studio 2019, versión 16.7 y anteriores.

    Visual Studio abre el proyecto desde el repositorio.

  4. Si hay disponible un archivo de solución, aparecerá en el menú emergente "Soluciones y carpetas". Selecciónelo y Visual Studio abrirá la solución.

    Captura de pantalla de la lista desplegable del Explorador de soluciones en Visual Studio 2019, versión 16.7 y anteriores.

    Si no hay un archivo de solución (específicamente, un archivo .sln) en el repositorio, el menú desplegable indica "No se encontró ninguna solución". Sin embargo, puede hacer doble clic en cualquier archivo del menú de carpeta para abrirlo en el editor de código de Visual Studio.

    Ya puede empezar a codificar.

Vaya a un repositorio de Azure DevOps con Visual Studio 2019

Lo que se ve al navegar a un repositorio de Azure DevOps y clonarlo mediante Visual Studio 2019 depende de la versión que tiene. En concreto, si tiene instalada la versión 16.8 o una versión posterior, hemos cambiado la interfaz de usuario para ofrecer una nueva experiencia de Git en Visual Studio completamente integrada.

De todas formas, independientemente de la versión que tenga instalada, siempre puede navegar a un repositorio de Azure DevOps y clonarlo con Visual Studio.

Visual Studio 2019, versión 16.8 y posteriores

  1. Abra Visual Studio 2019, versión 16.8 o posteriores.

  2. En la ventana de inicio, seleccione Clonar un repositorio.

    Captura de pantalla del cuadro de diálogo Clonar un repositorio en Visual Studio 2019, versión 16.8 y posteriores, para Azure DevOps.

  3. En la sección Examinar un repositorio, seleccione Azure DevOps.

    Captura de pantalla de la sección Examinar un repositorio del cuadro de diálogo Conectar a un proyecto en Visual Studio 2019, versión 16.8 y posteriores.

  4. Si se abre una ventana de inicio de sesión, inicie sesión en su cuenta.

  5. En el cuadro de diálogo Conectar a un proyecto, seleccione el repositorio al que quiere conectarse y, después, haga clic en Clonar.

    Captura de pantalla del cuadro de diálogo Conectar a un proyecto que se genera en Visual Studio 2019, versión 16.8 y posteriores.

    Sugerencia

    Si no ve una lista previamente rellenada de repositorios a los que conectarse, seleccione Agregar una instancia de Azure DevOps Server para escribir la dirección URL de un servidor. También es posible que vea el mensaje "No se han encontrado servidores", que incluye vínculos para agregar una instancia existente de Azure DevOps Server o crear una cuenta de Azure DevOps.

    Después, Visual Studio abre el Explorador de soluciones y muestra las carpetas y los archivos.

  6. Seleccione la pestaña Team Explorer para ver las acciones de Azure DevOps.

    Captura de pantalla del cuadro de diálogo Team Explorer que se genera en Visual Studio 2019, versión 16.8 y posteriores.

Visual Studio 2019, versión 16.7 y anteriores

  1. Abra Visual Studio 2019, versión 16.7 o posteriores.

  2. En la ventana de inicio, seleccione Clonar o extraer código del repositorio.

    Captura de pantalla de la ventana Crear un proyecto en Visual Studio 2019, versión 16.7 y anteriores.

  3. En la sección Examinar un repositorio, seleccione Azure DevOps.

    Captura de pantalla de la sección Examinar un repositorio con la opción Azure DevOps en la ventana Clonar o extraer código del repositorio en Visual Studio 2019, versión 16.7 y anteriores.

    Si se abre una ventana de inicio de sesión, inicie sesión en su cuenta.

  4. En el cuadro de diálogo Conectar a un proyecto, seleccione el repositorio al que quiere conectarse y, después, haga clic en Clonar.

    Captura de pantalla del cuadro de diálogo Conectar a un proyecto que se genera en Visual Studio 2019, versión 16.7 y anteriores.

    Nota

    El contenido del cuadro de lista depende de los repositorios de Azure DevOps a los que tiene acceso.

    Visual Studio abre Team Explorer y aparece una notificación cuando se completa la clonación.

    Captura de pantalla de la ventana Team Explorer que se muestra en Visual Studio 2019, versión 16.7 y anteriores, cuando se completa la clonación.

  5. Para ver los archivos y carpetas, seleccione el vínculo Mostrar vista de carpeta.

    Captura de pantalla de la sección Soluciones de la ventana Team Explorer en Visual Studio 2019, versión 16.7 y anteriores, una vez completada la clonación.

    Visual Studio abre el Explorador de soluciones.

  6. Elija el vínculo Soluciones y carpetas para buscar un archivo de solución (específicamente, un archivo .sln).

    Captura de pantalla de la notificación de Soluciones y carpetas desde Team Explorer en Visual Studio 2019, versión 16.7 y anteriores.

    Si no hay ningún archivo de solución en el repositorio, aparecerá el mensaje "No se encontró ninguna solución". Sin embargo, puede hacer doble clic en cualquier archivo del menú de carpeta para abrirlo en el editor de código de Visual Studio.

Apertura de un proyecto desde un repositorio de GitHub con Visual Studio 2017

  1. Abra Visual Studio 2017.

  2. En la barra de menús superior, seleccione Archivo > Abrir > Abrir desde el control de código fuente.

    Se abre el panel Team Explorer: conectar.

    Ventana de Team Explorer dentro del IDE de Visual Studio

  3. En la sección Repositorios GIT locales, seleccione Clonar.

    Elección de Clonar en la sección Repositorios GIT locales

  4. En el cuadro que indica Enter the URL of a Git repo to clone _ (Especifique la dirección URL del repositorio Git que se va a clonar), escriba o pegue la dirección URL del repositorio y presione _ENTRAR. (Es posible que se le solicite iniciar sesión en GitHub. Si es así, hágalo).

    Una vez que Visual Studio clona el repositorio, Team Explorer se cierra y se abre el Explorador de soluciones. Aparece un mensaje que indica Haga clic en Soluciones y carpetas arriba para ver una lista de soluciones. Elija Soluciones y carpetas.

    Elección de "Soluciones y carpetas" en el Explorador de soluciones

  5. Si hay disponible un archivo de solución, aparecerá en el menú emergente "Soluciones y carpetas". Elíjalo y Visual Studio abrirá la solución.

    Elija lo que quiere abrir en la lista desplegable del Explorador de soluciones.

    Si no hay un archivo de solución (específicamente, un archivo .sln) en el repositorio, el menú desplegable dirá "No se encontró ninguna solución". Sin embargo, puede hacer doble clic en cualquier archivo del menú de carpeta para abrirlo en el editor de código de Visual Studio.

Revisión del trabajo

Vea la animación siguiente para comprobar el trabajo que ha realizado en la sección anterior.

Animación de la apertura de un proyecto en el repositorio de GitHub mediante Visual Studio 2017.

Apertura de un proyecto desde un repositorio de Azure DevOps con Visual Studio 2017

  1. Abra Visual Studio 2017.

  2. En la barra de menús superior, seleccione Archivo > Abrir > Abrir desde el control de código fuente.

    Se abre el panel Team Explorer: conectar.

    Ventana de Team Explorer dentro del IDE de Visual Studio.

  3. Existen dos maneras de conectarse al repositorio de Azure DevOps:

    • En la sección Proveedores de servicio hospedado, seleccione Conectar… .

      La sección Proveedores de servicio hospedado de la ventana Team Explorer dentro del IDE de Visual Studio.

    • En la lista desplegable Administrar conexiones, seleccione Conectar a un proyecto… .

      La sección Administrar conexiones de la ventana Team Explorer dentro del IDE de Visual Studio.

  4. En el cuadro de diálogo Conectar a un proyecto, seleccione el repositorio al que quiere conectarse y, después, haga clic en Clonar.

    Cuadro de diálogo Conectar a un proyecto que se genera en Visual Studio.

    Nota

    El contenido del cuadro de lista depende de los repositorios de Azure DevOps a los que tiene acceso.

  5. Una vez que Visual Studio clona el repositorio, Team Explorer se cierra y se abre el Explorador de soluciones. Aparece un mensaje que indica Haga clic en Soluciones y carpetas arriba para ver una lista de soluciones. Elija Soluciones y carpetas.

    La notificación de Soluciones y carpetas desde Team Explorer en Visual Studio.

    Un archivo de solución (específicamente, un archivo .sln) aparecerá en el menú desplegable "Soluciones y carpetas". Elíjalo y Visual Studio abrirá la solución.

    Si no hay un archivo de solución en el repositorio, el menú desplegable dirá "No se encontró ninguna solución". Sin embargo, puede hacer doble clic en cualquier archivo del menú de carpeta para abrirlo en el editor de código de Visual Studio.

Pasos siguientes

No dude en profundizar en cualquiera de estos tutoriales específicos del lenguaje:

Consulte también