Control de versiones en Visual Studio Code con Git [Guía]

Soporte integrado de Git Es una de las mejores características de Visual Studio Code, el nuevo editor de código fuente de Microsoft. Git es un sistema de control de versiones distribuido, que le permite realizar un seguimiento de su trabajo, avanzar y retroceder entre versiones y trabajar en diferentes sucursales al mismo tiempo. También es utilizado por Github, el popular servicio de alojamiento de repositorios Git..

Código de Visual Studio soporta Git por defecto, lo que significa que no tienes que instalar ningún paquete o extensión para usarlo. La barra lateral contiene un separado Git Ver que puede abrir rápidamente haciendo clic en el Git en la barra de visualización (ver las partes de VS Code), o presionando las teclas Ctrl + Shift + G.

Instalar git

Como código de Visual Studio utiliza la instalación Git de tu computadora, Primero necesitas instalar Git. Puedes descargarlo rápidamente del sitio web oficial de Git. Necesitas instalar al menos versión 2.0.0 para hacer que las funciones de Git de VS Code funcionen correctamente.

Aunque Visual Studio Code te permite manejar Git visualmente, Si también desea aprender a usar Git desde la línea de comandos, aquí hay algunos recursos útiles:

• Tutorial interactivo de Github Git
• Tutorial de Git de Atlassian: Atlassian es la compañía detrás de la plataforma de alojamiento de código fuente de Bitbucket (similar a Github)
• Hoja de trucos de Git de Atlassian (PDF): esta es la forma más rápida si ya usaste Git, pero no recuerdas uno o dos comandos.
• Todo el manual de Pro Git.

Inicialice su repositorio

Si Git aún no ha rastreado tu espacio de trabajo, primero debes Inicializar un nuevo repositorio. Para hacerlo, haga clic en el botón Inicializar repositorio git en la vista Git.

Código VS creará una .git carpeta dentro de su espacio de trabajo (No puede ver esto desde VS Code, ya que es un directorio oculto, pero puede encontrarlo en su administrador de archivos en la carpeta raíz de su proyecto), y también agrega tus archivos sin seguimiento a la barra lateral.

Cambios de etapa

Después de configurar su repositorio Git, es hora de crea tu compromiso inicial (un compromiso es un estado registrado de todo su repositorio al que más tarde puede regresar). Antes de comprometerse, debe agregar los archivos que desea rastrear con Git al área de preparación, o en otras palabras, debe poner en escena los cambios. Haga clic en el botón + que aparece al pasar el mouse junto a cada archivo para mostrarlos.

Después de hacer clic en los archivos que desea poner en escena, el Código de Visual Studio se mueve desde la Cambios carpeta a la Cambios escalonados carpeta, eso significa que ahora están en el area de puesta en escena. Si quieres Escenario todos sus archivos a la vez, hay un botón + al lado de la Cambios También subtitula (aparece en el cursor), y haz clic en él.

Cometer cambios

Los cambios por etapas aún no están registrados, también es necesario cometerlos, para que luego puedas echar un vistazo o volver a la Estado actual de su repositorio. Para cometer los cambios por etapas, necesita añadir un mensaje de confirmación que describe los cambios realizados desde su confirmación anterior.

Como en nuestro ejemplo, este será el compromiso inicial, usemos el golpe “Compromiso inicial” mensaje. Escriba su mensaje de confirmación en la barra de entrada en la parte superior de la barra lateral, y haga clic en en el pequeño icono de garrapata. Ahora que está listo con su primer confirmación, se registra el estado inicial de su repositorio.

Su directorio de trabajo de Git está limpio, todos los cambios que realizó hasta ahora se rastrean y su Vista de Git dice que hay 0 cambios (siempre se compara con su último compromiso). Si realiza nuevos cambios en su área de trabajo, los nuevos cambios aparecerán nuevamente en la barra lateral, y deberá cometerlos de nuevo Una vez que llegaron a la cantidad que vale la pena cometer..

En la captura de pantalla a continuación puede ver cómo debe verse su editor de código justo después de confirmar.

Seguir cambios

Cuando continúe con su trabajo, si no está seguro de cómo se compara la versión actual con su último compromiso, puede verificar rápidamente las diferencias. En la vista de Git, solo necesitas Haga doble clic en el archivo que desea analizar., y VS Code mostrarán las versiones actuales y anteriores una al lado de la otra, para que pueda comparalos rapidamente.

Cuando se habla de los siguientes cambios, también es importante conocer los códigos de Visual Studio. indicadores de canal que anota los cambios en comparación con su confirmación anterior, incluso cuando la vista de lado a lado no está abierta. Usos del Código VS 3 tipos de indicadores de canal:

1. una triángulo rojo para cada eliminación de línea
2. una barra verde para cada línea adicional
3. una barra azul para cada modificación de línea

Crear sucursales

Git te permite trabajar en diferentes ramas al mismo tiempo. Esto no solo es bueno para experimentar con nuevas soluciones, sino que también puede facilitar significativamente el trabajo en equipo donde los desarrolladores pueden trabajar en diferentes sucursales (sin embargo, esto no es obligatorio, ya que también pueden permanecer en la misma sucursal).

En Visual Studio Code, puedes crear nuevas sucursales abriendo la paleta Abrir rápido presionando Ctrl + P (Cmd + P en Mac), luego escribiendo rama de git comando en la barra de entrada. También debe agregar el nombre de su nueva rama al final del comando.

Como el nombre de la nueva rama en nuestro ejemplo será rama de prueba, Usaré el rama de prueba de rama git comando, pero puede utilizar cualquier otro nombre. En el lado izquierdo de la barra de estado (barra azul en la parte inferior de la pantalla) siempre puede verificar rápidamente en qué rama está trabajando actualmente. En la captura de pantalla de abajo, puedes ver que estoy actualmente en el dominar rama.

Sucursales de pago

A cambiar entre ramas, tipo git checkout en la paleta Abrir rápido (Ctrl + P / Cmd + P), y puede elegir entre las ramas disponibles. En la captura de pantalla a continuación, puede ver en la barra de estado que actualmente estoy en la rama llamada prueba (Lo creé después rama de prueba), y si quiero moverme a una rama diferente, ahora puedo seleccionar desde la dominar y rama de prueba ramas.

Usa los comandos de Git desde la paleta de comandos

También puede acceder a los comandos de Git desde la Paleta de comandos (F1 en Windows y Linux, Shift + Cmd + P en Mac). No tienes que hacer nada más, simplemente escribe el comando Git dentro de la paleta de comandos, y obtiene una lista desplegable de los comandos disponibles que puede elegir rápidamente.

Operaciones avanzadas de Git

Hasta ahora, hemos analizado cómo utilizar las operaciones básicas de Git en Visual Studio Code para rastrear nuestro trabajo. VS Studio Code también tiene funciones avanzadas de Git, como administrar repositorios remotos, fusionar conflictos, e incluso puede configurar VS Code como su editor externo de Git..

El Visual Studio Code Marketplace también contiene extensiones relacionadas con Git que pueden hacer que su flujo de trabajo de Git sea aún más profesional..

Yo mismo encontré que la extensión Git History es muy útil, ya que hace posible echar un vistazo rápido a los detalles de cada confirmación y comparar cualquiera de las dos confirmaciones anteriores una al lado de la otra. También puede leer sobre la extensión Git History en mi artículo anterior sobre las extensiones de Código VS para desarrolladores front-end..