¡Bienvenido! Aquí te mostramos una manera fácil y práctica de integrar Visual Studio Code (VSCode) con GitHub si recién estás comenzando. Al final de esta guía, tendrás tu cuenta de GitHub conectada con VSCode y estarás listo para empezar a colaborar en proyectos.
Antes de comenzar, asegúrate de tener lo siguiente instalado y configurado:
- Visual Studio Code (VSCode)
- Git (si no lo tienes, puedes descargarlo aquí)
- Cuenta en GitHub (si aún no la tienes, crea una aquí)
Primero, te recomiendo instalar dos extensiones en VSCode que harán tu vida más fácil:
- GitHub Pull Requests and Issues
- GitHub Repositories
Estas extensiones te permitirán gestionar tus repositorios y issues directamente desde VSCode.
Abre la terminal en VSCode y ejecuta los siguientes comandos:
# Configura tu correo de GitHub
git config --global user.email "[email protected]"
# Configura tu nombre de usuario de GitHub
git config --global user.name "tunickdegithub"
Esto enlazará tu cuenta de GitHub con Git en tu máquina.
3. Verificar Integración
Para asegurarte de que todo esté funcionando correctamente:
Verifica que tu cuenta de GitHub esté vinculada en VSCode.
Haz clic en el ícono de Accounts en la esquina inferior izquierda.
Si tu cuenta no aparece, agrégala utilizando tu usuario y contraseña de GitHub.
4. Prueba la Configuración
¡Hora de probar la configuración!
Crea un archivo index.html y un style.css en un nuevo proyecto.
Escribe un simple "¡Hola Mundo!" en HTML y dale un poco de estilo con CSS.
5. Subir tu Proyecto a GitHub
Dirígete al ícono de Git en la barra lateral izquierda de VSCode.
Deberías ver opciones para compartir tu proyecto en GitHub.
Selecciona la opción y sigue las instrucciones para elegir si el repositorio será público o privado.
Confirma los archivos que deseas subir.
¡Listo! 🎉
Ya tienes tu cuenta de GitHub enlazada con VSCode y tu primer proyecto subido. Ahora puedes empezar a trabajar en tus proyectos y colaborar con otros desarrolladores de manera sencilla.
Si tienes alguna duda o sugerencia, ¡no dudes en contactarme!