Aprende Visual Studio Code

Uso de Git en el editor de código de Visual Studio Code

¡Prueba gratis durante 10 días

nuestros 1240 cursos !

Prueba gratis Mostrar modalidades de suscripción
En todo proyecto siempre hacemos uso de Git para administrar las versiones y avances de nuestro código. En este capítulo aprende a usar la herramienta integrada para poder hacer las actividades más comunes de tu repositorio.
05:03

Transcripción

Git es un repositorio de código que me va a servir para que yo pueda llevar un control sobre las versiones que voy a trabajar en mi proyecto. Ahora, existen muchas implementaciones y muchos servicios que lo utilizan, como puede ser Bitbucket o como puede ser Github. Directamente cuando trabajamos con Visual Studio Code hay una integración que podemos utilizar de Git. Si tú ya tienes configurado un proyecto, cuando das clic en esta parte de Git, simplemente vas a poder hacer todas las acciones normales. Si no lo tienes y quieres trabajar de manera local, desde aquí puedes inicializar el repositorio y cuando le das clic te aparecen todos los comandos. Realmente comandos muy básicos que trabajamos con Git, como puede ser el Commit, cuando vas a definir que ya terminaste de realizar una cierta tarea; un Pull cuando vas a traer cambios de un servidor, un Push cuando vas a subir cambios a un servidor, un AF cuando vas a agregar archivos al sistema de tracking; es decir cuando le vas a decir a Git: "Ey Git voy a trabajar con estos archivos, por favor, ponles atención". Entonces, todos esos tipos de comandos están disponibles, incluso, hay más comandos que van a estar disponibles aquí. Ahora, ¿Cómo funciona? Lo único que tú tienes que hacer es escribir aquí el mensaje, en este caso, vamos a poner el primer mensaje que diga: "primer carga de archivos"; una vez que ya lo escribimos, simplemente, vamos a ejecutar el juego de teclas simplemente, vamos a ejecutar el juego de teclas Ctrl-Enter Ctrl-Enter o Comando-Enter, esto es para ejecutar el Commit. Recuerda, si tú estás trabajando con un repositorio remoto, esto lo tienes que subir haciendo Push; si estás trabajando con un repositorio local, simplemente, va a quedar guardado en tu repositorio local todos los cambios que hayas hecho. Incluso, si llegas a hacer algún cambio, con Git puedes revisar qué tenías en una versión previa. Vamos a agregar, por ejemplo, una variable nueva "bar hola=hola mundo", es una variable sencilla. En cuanto sucede aquí algún cambio, vamos a ver cómo aquí aparece como una modificación, incluso nos aparece un ícono de eso. Vamos a agregar aquí la tarea "se agregó una nueva variable", hacemos Comando-Enter y con esto ya tenemos listo en nuestro repositorio de contenido local, el seguimiento a este cambio. Ahora vamos a ver en la lista de archivos, puedo dar clic derecho sobre el archivo que estoy utilizando y puedo utilizar la opción que dice Seleccionar para comparar. Pero ten cuidado porque en este caso solamente va a comparar ese archivo contra otro que tú elijas, por ejemplo, aquí voy a seleecionar otro que diga "Comparar con 'appjs'" y obviamenteme va a comparar esos dos archivos y estos no tienen nada que ver, lo que yo quiero es compararlo contra cuestiones previas. Entonces, lo que tengo que hacer es acudir a una extensión que se llama Git History, vamos a escribir aquí el nombre de Git y es la primera opción que nos aparece; lo instalamos y una vez que ya está instalado, vamos a habilitarlo. Me dice "Ok", esto va a reiniciar mi editor de texto y simplemente una vez que ya está levantado voy a poder utilizarlo. Vamos a ver cómo ahora cuando doy clic derecho sobre el archivo que quiero revisar, en la parte de abajo me aparece una opción que dice View File History, lo voy a habilitar y en este momento en la parte de arriba me indica cuáles son los archivos y los Commits que tengo. En este caso, tengo un Commit donde dice "Se agregó una nueva variable" y tengo el primer Commit, que fue la primera carga de archivos, voy a compararlo contra esta versión. Cuando lo selecciono, me aparece una opción extra donde decido qué voy a hacer. Quiero ver el Log de cambios, es decir, quién fue el autor, cuáles fueron Commits, cuál fue el mensaje, quiero ver el contenido o quiero compararlo contra algo más. Vamos a elegir la primera opción que dice "View Change Log", cuando yo lo pongo, en la sección de abajo me indica quién fue el autor, a qué hora se hizo, en qué fecha se hizo y cuál fue el mensaje. Las otras opciones que me aparecen me van a permitir revisar contra este, por ejemplo, el View File Contents y voy a poder visualizar cuál es el cambio que está ocurriendo y aquí sí puedo utilizar, por ejemplo, un cambio. Es decir, yo selecciono esta parte que dice "App", "Seleccionar para comparar", selecciono el otro archivo y le pongo "Comparar con "appjs'" y ahora sí, aquí me aparecen los cambios. Entonces, ahora sí puedo ver qué fue lo que cambió realmente y podemos ver que, en este caso, lo que tenemos de cambio es una variable nueva. Con esto ya tenemos un (Inaudible) bastante interesante donde podemos ver qué cambios se han hecho entre los archivos y me permite, en este caso, regresar un poco en el tiempo y ver qué había hecho en determinado archivo. Así entonces, tenemos integrado Git en todo nuestro entorno de desarrollo.

Aprende Visual Studio Code

Conoce las características del editor de código multiplataforma Visual Studio Code, como son IntelliSense, depurar desde su consola y trabajar directamente tu código en Git.

1:23 horas (26 Videos)
Actualmente no hay comentarios.
 

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.