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.