Clonado de repositorio y configuración inicial

Transcripción generada automáticamente de 2026-08-24 21-49-40.mp4.

Resumen

La sesión se centra en el proceso de clonar un repositorio desde GitHub al entorno local, explicando la importancia de este paso para trabajar en proyectos. Se menciona que el comando 'git clone' trae el repositorio al área de trabajo, y se destaca la necesidad de ejecutar 'npm install' después de clonar para instalar las dependencias del proyecto, que están definidas en el archivo package.json. Se muestra cómo abrir el proyecto en Visual Studio Code y se menciona el comando 'npm run dev' para levantar un servidor de desarrollo. También se aborda un problema de permisos que puede surgir al ejecutar 'npm install', sugiriendo buscar soluciones en Google o con herramientas como ChatGPT. Se enfatiza que estos conceptos se profundizarán en la unidad 4, y se recomienda tener instalado Node.js versión 22 o superior. Finalmente, se menciona la existencia de ejercicios en la plataforma Aulas y la importancia de completarlos.

Puntos clave

El comando 'git clone' se usa para traer un repositorio remoto al entorno local.
Después de clonar, es esencial ejecutar 'npm install' para instalar las dependencias.
El archivo package.json contiene la configuración del proyecto y sus dependencias.
El comando 'npm run dev' levanta un servidor de desarrollo local.
Problemas de permisos al instalar dependencias se pueden resolver buscando en Google.
Se recomienda tener Node.js versión 22 o superior para evitar errores.

Transcripción

esto es Esto es la operación de checkout de traerme el repositorio a mi área de trabajo. Eso es cuando lo aconsegue aquí. Sí, igual de vuelta. Esto lo vamos a profundizar cuando veamos el tema de Git. Sí, de momento hago esto. Ahora. Sí, dime. Solo lo que me gusta. Lo que me gusta es que lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo lo y que es. Tu que? Que es algo importante y es que aquí me dice "main". ¿Qué es "main"? Lo vamos a saber cuando veamos aquí. Pero es importante que eso suceda. si que tú quieras en directorios diferentes. O sea, viste que por lo menos yo aquí creé una carpeta que se llama FI, ¿verdad? Y aquí me cloné este repo. Si vos te quieres clonar otro, crear tu otra carpeta y haces el clon desde acá para que cada uno tenga su propio… ¿sí? -Tardo. Bien. -Ahí va. Bien. Entonces, cuando hacen esto, hay un comando que les puede servir que es codeespacio punto. ¿Qué va a hacer esto? ¿Le vas a abrir el Visual Studio Code en? Y le da y sí, confío. Ya estoy ubicado en HelloFish. Bien. Ahí sí que le voy deciéndolo para que lo vayan michando. A ver, ¿te dice trampa? Yo creé la carpetica. Sí, le he intentado hacer esto, pero como a ver, a ver, a terminar de ir directamente. Le voy a mostrar más opciones y ahí me dice Git Bash Open Git Bash Here. Open Git Bash. I don't know. Y bueno bueno, fíjense que aquí ya estoy. Entonces, ¿qué mano decía HelloFisk? Inicia el proyecto. Entonces, fíjense, para ejercicio que estamos haciendo en Fisk, para el rep, el obligatorio para todo. ¿Qué es lo primero que tenemos que hacer luego de clonar? El NPM install. El NPM install. ¿Qué es NPM install? No importa. No. El NPM install. ¿Qué NPM install no importa? No importa. NPM install. En este momento, en este punto de la asignatura, el mantra clono NPM install. Que no te nos olvide de eso. Que de vuelta. ¿Por qué hacemos esto? Porque en la evaluación 3 no lo hacen y pierden mucho tiempo y es una evaluación que vale mucha nota. Eso para que la permita lo las de la entidad. Sí, correcto. Que de vuelta, el letras de cámara de esto y la profundización de esto se las prometo que lo vamos a tener en la unidad 4. Entonces hacemos NBMI tal. Perfecto, ¿dónde era que estaba el url del repo? En la letra. ¿Tú pudo? Sí. Aquí. O sea, hasta esta página si llegamos. Vamos. O te voy a… En realidad estoy en la página principal de GitHub y estoy viendo cómo llegar hasta ahí. Ah, da, no, no, no. A ver, primero, primero vamos a Aulas. Está. Aulas. Pestaña material. Bien. Y aquí abajo te va a salir General. Y aquí está, ejercicios FIS. Cuando tú harás ejercicios FIS te va a salir este índice y le das a abrir nueva pestaña, HelloFish y te sale esta página. Ok. ¿Qué es el repositorio en ejercicio? se lo clono? Entonces, ¿qué vamos a hacer? NPM, Insta. ¿Qué pasó? ¿Qué? Hay un tema de permisos acá que se le pasa y esto me va a pasar siempre porque cuando la computadora se le inicia se le impecoso. -Pero, yo tengo otra duda, perdona. -¿Qué tal? -Perdón. -Si yo no le indico una carpeta que estás parado. De momento vamos a hacerlo así que estamos en nivel fácil, ¿sí? Si no le tengo que poner la URL completa. Si no, no la URL en la ruta. Sí, la ruta de ahí va. Ahí va. Bien. No de nada. Entonces, aquí me la sueste error que es por un teme de permiso. Si esto les pasa que es un tema de un author access, esto es la verdad chicos se reserva como todos los problemas de ingeniería. Los copien y los pagan en Google. 8GPT. No, pero se han dado cuenta que no hace falta. Esto lo coquen. No, no gastes los toques de Cloak en esto, mijito. Lo copiamos y si se van así, no más, Google Chrome y lo meten, de una vez le va a salir y le va a salir este comando que lo van a copiar y lo que tienen que hacer es abrir la pogo y él lo pega. Oh, te me quiso. A ver. A ver, estoy imagino que me ese de vuelta en Google. Es primera vez que me pasa esto chicos, así que lo descubriremos juntos. A mí no lo sé, no lo sé. no es que no debería tener problema Claro, a ver acá. Y si no me quedo de hacer un IP de install. Perfecto, muy bien. Entonces, ¿cuál va a ser la primera diferencia que vamos a notar? Que vamos a tener una carpetita aquí llamada "Node Modules", tá? Que aquí está muchísimas cosas. ¿Por qué? Porque está el package de Jason, que es como la cédula de identidad del proyecto, básicamente. ¿Y esa es la evidencia para que salgirían ya? Bueno, muchas cosas que vamos a ver en el transcurso de la asignatura. Igual, pero sí que es bastante malo. La aplicación está fea. O sea, si la ves fea es porque es fea. Ella es así, pobrecita. Pensé que era algo que no estaba levantando. No, no, no. Ella es… Ella es… Ella… Sí, sí, sí aquí sí se fijan vamos a ver una parte de scripts y dependencias estos scripts son cosas que ustedes van a poder crear y base a un pereamar como ustedes quieran que va a ser la la forma de abreviar comandos más largos. Entonces, ¿qué pasa acá? Piensa que tenemos abuyamado test, tenemos link, format preview. ¿Qué es esto? Nos enteraremos en el camino, pero ahora nos interesa enterarnos de que esto existe y que vamos a interactuar con esto. Y estas son las dependencias que tenemos y básicamente lo que ocurrió cuando hicimos NPM install es que nos vino leyó esto y los fue cargando uno por uno. Sí. Muy bien. Gracias por todo. Y ahora vamos a hacer NPM round dev que si vemos aquí de lo que ejecuté. Ay, chicos, esto no se pronunció, pero vamos a decirle vit. Vamos a decirle vit, debe ser vit. Cuestión npm round dev. ¿Qué es vit? ¿Qué me has gustado, David? ¿Qué es, David? Básicamente, no está levantando un servidor. ¿Tá? Entonces, aquí ya me dijo el puerto en el que puedo acceder a la aplicación y la vamos a ver pobrecita, un poco discriminada por ciertas personas. Pero ya es, ya es lo que es. Entonces de vuelta la idea es que hagan los todos que están ahí esto pero de caso alguien no lo hizo. Ah, mira vos. Muy bien. Aquí tenemos con estos otros comandos que igual que vamos a descubrir un poco más a profundidad después. Bien, lo importante aquí es que ya tengamos operativo el que podamos clonar y que nos lleveis preciosa en la mente en el PM insta después de clonar. Y con eso yo me doy por bien ser. ¿Está? Pero para instalar el Node tenías que clonar en repositorios de a mano. No, no, no. Para instalar Node, vos vas al browser, no, y lo descargas como cualquier aplicación mundana. Le das a Windows descargar, siguiente, siguiente, siguiente, siguiente, siguiente, siguiente, siguiente, si a todo y tal. Bien, bien, bien. Y para ver si lo descargaste bien. Ah, por cierto, otra cosita. Si aquí levantaron el beat y quieren como que darlo de baja le dan control c y ya está limpio pues hacer no dash y ahí te dice la versión de nuevo que otra cosa por cierto si de casualidad ustedes tenían no de hace mucho tiempo puede ser que les marque error porque te va a pedir que tengas mínimo el 22 y solo porque ya tenemos todo esto hecho. Menos esto que esto lo tengo que ser yo. Y tenemos los skills. ¿Tá? Que nos juntan un poquito como te fue. Que es lo que sale digamos. No, bueno, ¿Cómo te fue? ¿Qué hiciste? ¿Qué viste? ¿Es algo que ten digamos. Y qué hiciste ahí? O sea, qué, qué viste? Qué dice? Primero, este. Pero los remotores están escuchando a su compañero. O sea, se escucha. Sí, sí, sí, sí, se escucha. Ahí va. Todo tuyo. ¿Viste que teníamos tres cursos aquí? Teníamos el Introduction to Git, el Introduction to Markdown. A ver, en caso, si te digo… A que este compañero le está contando un poco sobre este en especial que Introduction to Git, ¿sí? Como para que si… Recuerden que en la parte de tres le dicen que vayan a Guiljabesquil, siguen estén en la clase y van buscando estos tres y aquí el que su compañero les está contando como le fue es el introduction to it, perdón, ahora sí. En general, la guiljabesquil para… este, alfricarme con ella. Y vos como si lo fueras a hacer. - Ah, me clono que… - Ahí va, es… - Necesitas tener una cuenta, ¿verdad? Yo me la voy a bichar.