Uso de Git en Visual Studio Code

Contenido del curso

Fundamentos de Git y control de versiones

Introducción a GitHub

Herramientas de colaboración en GitHub

GitHub Codespaces

Seguridad y buenas prácticas en GitHub

Administración de GitHub

Gestión de Cambios con Pull Requests

GitHub Releases

Cierre

42
Pro tips ocultos de GitHub para trabajar mejor
10:13 min

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:0010:34

Uso de Git en Visual Studio Code

Curso de Git y GitHub

Clase 8 de 42

Clase 8 / 42

Recursos

Visual Studio Code ofrece una interfaz visual y eficiente para gestionar versiones con Git, simplificando muchas tareas complejas y ahorrando tiempo a los desarrolladores. Integrar VS Code en nuestro flujo de trabajo diario puede facilitar considerablemente el manejo de ramas, commits y conflictos sin depender tanto de comandos en la terminal.

¿Cómo abrir VS Code desde la terminal?

Inicia VS Code en la ubicación del proyecto con code ..
Esto abre una instancia de VS Code en el directorio actual, incluyendo todos los archivos versionados con Git.

¿Cómo visualizar y gestionar ramas en VS Code?

Dentro de VS Code, identifica tu rama activa en la sección de control de versiones.
Selecciona la rama para ver las opciones de cambio, como alternar entre ramas o crear nuevas.
Los cambios en las ramas se presentan en una gráfica visual, diferenciando fusiones y ramas en colores, una ventaja significativa sobre git log.

¿Cómo hacer un commit de cambios en VS Code?

Al editar un archivo, el ícono de control de versiones muestra un indicador de cambio.
En lugar de usar git commit -m "mensaje", puedes simplemente añadir un mensaje y presionar commit en la interfaz de VS Code.

¿Cómo crear y alternar entre ramas en VS Code?

Haz clic en “Create New Branch” y nómbrala, por ejemplo, “VS Code Dev”.
VS Code marca esta nueva rama como activa, heredando los cambios de la rama principal.
Al editar archivos en esta rama, puedes realizar commits directamente en la interfaz.

¿Cómo resolver conflictos de fusión en VS Code?

Selecciona la rama con la que deseas fusionar (por ejemplo, VS Code Dev con Main) usando el menú de Branch > Merge.
Cuando ocurre un conflicto, VS Code despliega opciones de resolución con colores para cada cambio, simplificando la selección entre el cambio actual, el entrante o ambos.
Puedes optar por “Merge Editor” para una vista más visual y confirmar la fusión con un “Complete Merge” al finalizar.

¿Cómo iniciar un nuevo repositorio en VS Code?

Crea un nuevo directorio y abre VS Code en esa ubicación.
Al no haber archivos, selecciona “Inicializar repositorio” para configurar un nuevo repositorio.
Esto ejecuta git init, crea la rama principal (main) y permite añadir nuevas ramas y hacer commits sin usar comandos.

Mario Alexander Vargas Celis

Hace 2 años

Usando Git desde Visual Studio Code

Visual Studio Code (VS Code) tiene integración nativa con Git, lo que facilita el control de versiones sin necesidad de usar la terminal. Aquí te muestro cómo trabajar con Git en VS Code paso a paso. 🚀

1. Configurar Git en VS Code

Verificar si Git está instalado

Abre VS Code y presiona Ctrl + ñ para abrir la terminal integrada. Luego, escribe:

git --version

🔹 Si Git no está instalado, descárgalo desde .

Configurar tu usuario y correo

Si es la primera vez que usas Git, configura tu nombre y correo:

git config --global user.name "Tu Nombre" git config --global user.email "tuemail@example.com"

2. Inicializar un Repositorio en VS Code

Si estás en un proyecto nuevo y quieres iniciar Git: 1️⃣ Abre VS Code y carga tu proyecto. 2️⃣ Abre la terminal (Ctrl + ñ) y ejecuta:

git init

3️⃣ Verás una nueva sección en el panel de control con el icono de Git.

3. Clonar un Repositorio desde GitHub

Si el proyecto ya está en GitHub: 1️⃣ Copia la URL del repositorio desde GitHub. 2️⃣ En VS Code, abre la terminal y escribe:

git clone <URL_DEL_REPOSITORIO>

3️⃣ Abre la carpeta del proyecto en VS Code (File > Open Folder).

4. Realizar Commits desde VS Code

Agregar archivos al control de versiones

1️⃣ En el menú de Git (Ctrl + Shift + G), verás una lista de archivos modificados. 2️⃣ Haz clic en + junto a cada archivo para agregarlo a staging (equivalente a git add). 3️⃣ Escribe un mensaje de commit en la caja de texto y presiona Ctrl + Enter o haz clic en ✅ (equivalente a git commit -m "mensaje").

5. Subir Cambios a GitHub

Conectar el repositorio a GitHub

Si el repositorio no está vinculado a GitHub, usa:

git remote add origin <URL_DEL_REPOSITORIO> git branch -M main # Asegura que la rama principal sea "main" git push -u origin main

Enviar cambios a GitHub

Cada vez que hagas cambios: 1️⃣ Realiza commit como en el paso anterior. 2️⃣ Haz clic en el botón Sync Changes en la barra de Git. 3️⃣ O usa la terminal:

git push origin main

6. Descargar Cambios desde GitHub

Para actualizar tu código con la última versión del repositorio remoto: 1️⃣ Ve a la sección de Git en VS Code. 2️⃣ Haz clic en el botón Pull para traer cambios del repositorio. 3️⃣ O usa la terminal:

git pull origin main

7. Crear y Cambiar de Ramas en VS Code

Crear una nueva rama

1️⃣ Abre la barra de comandos (Ctrl + Shift + P). 2️⃣ Escribe "Git: Create Branch" y selecciona la opción. 3️⃣ Ingresa el nombre de la nueva rama y presiona Enter.

📌 También puedes usar la terminal:

git branch nueva-rama git switch nueva-rama # Para cambiar de rama

Cambiar entre ramas

1️⃣ Haz clic en el nombre de la rama en la esquina inferior izquierda. 2️⃣ Selecciona la rama a la que quieres cambiar.

8. Resolver Conflictos de Fusión en VS Code

Si hay un conflicto, VS Code te mostrará opciones en el archivo afectado: ✅ Accept Current Change → Mantener la versión de tu rama actual. ✅ Accept Incoming Change → Mantener la versión de la otra rama. ✅ Accept Both Changes → Combinar ambas versiones manualmente.

📌 Luego, guarda el archivo y haz commit para finalizar.

Conclusión

VS Code hace que trabajar con Git sea mucho más intuitivo. Puedes hacer commits, push, pull, trabajar con ramas y resolver conflictos sin salir del editor.

Alexis Dorado Muñoz

Hace 2 años

Gracias por tu aporte.

Comentarios (88)88 comentarios

Maryan Espinoza

Edwin Stiven Higuera Avila

John Freddy Barrantes Gama

Hace un año

Kelvin Macay

Oscar Guaricallo

Juan José Briceño León

Amin Espinoza

Profesor

Flavio S Barajas Torres

jhon febres

Platzi

Ronaldo Jiménez

Gabriel P

Carlos Axel Espinosa Ramirez

Julieta Melek Fernanda Eyzaguirre Arenas

Hace 10 meses

Jacqueline Vera Hilario

Santiago Romero Estrada

Hace 8 meses

Juan Adán Mendoza Lucario

Hace 5 meses

Dany Ramírez

Hace 5 meses•editado

Hansel Alejandro Tapias Chaparro

Javier Ladino

Carlos Ramos

Oscar Hincapié

Luis Rodolfo Altuve Cáceres

John Sebastián Gancino Morocho

Gabriel Obregón

Gilberto Cordones

Hace 3 meses

Fundamentos de Git y control de versiones

Control de Versiones con Git y GitHub: De Básico a Avanzado

Fundamentos de Git: Configuración y Comandos Básicos

Control de Versiones con Git: Comandos Básicos y Flujo de Trabajo

Gestión de ramas en Git: creación, fusión y eliminación eficiente

Git reset vs revert para deshacer commits

Git Tag y Checkout sin romper tu proyecto

Cómo resolver conflictos de merge en Git

Uso de Git en Visual Studio Code

Introducción a GitHub

Uso de GitHub para Colaboración y Desarrollo Seguro

Cómo crear y proteger tu cuenta de GitHub

Proceso de Trabajo con Git y GitHub: Creación y Revisión de Repositorios

Crea y clona tu primer repo en GitHub

Precios y Planes de Productos de Github

Configuración de SSH en GitHub para Windows, Linux y Mac

Uso de Forks y Estrellas en Repositorios de GitHub

Uso de git pull, git push y git fetch en repositorios GitHub

Plantillas de issues en GitHub paso a paso

Uso de Pull Requests en GitHub para Colaboración Efectiva

Herramientas de colaboración en GitHub

GitHub Projects para gestionar tareas en equipo

Automatiza GitHub Projects con workflows

Recursos Esenciales de Markdown para Documentación Efectiva

Creación de una Portada de Perfil en GitHub con Markdown

Creación y Gestión de Wikis en GitHub

Uso de GitHub Gist para Compartir y Revisar Código Colaborativo

Creación y Publicación de Sitios Web con GitHub Pages

GitHub Codespaces

Creación y Gestión de GitHub Codespaces en la Nube

Plantillas de Codespaces con Django y devcontainer

Pair programming con Live Share en Codespaces

Uso del Editor Web de GitHub para Edición Rápida de Archivos

Seguridad y buenas prácticas en GitHub

Gestión de GitHub Tokens para Acceso Seguro a Repositorios

Secret Scanning en GitHub y sus límites

Gestión de Seguridad de Paquetes con Dependabot en Proyectos .NET

Repositorios privados y .gitignore en GitHub

Administración de GitHub

Creación y gestión de repositorios en GitHub

Automatización de GitHub Actions para Actualizar Perfil

Gestiona GitHub desde tu terminal con gh

Gestión de Cambios con Pull Requests

Configuración de Proyectos de Software con Git y GitHub

Cómo resolver conflictos de merge en VS Code

Estrategias de Fusión de Ramas en Git

GitHub Releases

Creación de Releases en Github para Desarrolladores de Software

Instala tu paquete pip desde GitHub

Cierre

Pro tips ocultos de GitHub para trabajar mejor

Uso de Git en Visual Studio Code