Contenido del curso
Bryan Figueroa
Robert Manotas
Fernando Yutiz
Elmer Alexander Gómez Cos
Oscar Fuentes Esteves
Eduardo Zegers
Kevin Isaí Santiago López
Maria Gabriela Rodriguez Cuevas
JUAN CAMILO CAMPO TANGARIFE
Luis Alfredo Suarez
Juan Pablo Peña Franco
Kyb3r Cipher
Miguel Angel Hernandez Colombo
Andres Cavedal
Gustavo Cuevas
Ana Rotela Cabrera
Porfirio González López
Michelle Verano
Esteban Jiménez ruiz
Victor Ovalle Porras
Adrián Leonardo Morales Rodríguez
Daniel Castellanos
Porfirio González López
Porfirio González López
Alan Cabrera
Calvin Rafael Bobadilla Fernandez
Juan Felipe Angarita Lopez
Lo confirmo cada vez mas sinceramente JuanDc y Oscar son mis profesores favoritos de todo Platzi
Man, sumale esa lista a Diego De Granda y Freddy , esos 4 son mis idolos
Le sumo a Retamax por PHP y a TeffCode por CSS
npm install ----> se usa cuando descargamos o clonamos un proyecto de un repositorio y necesitamos que nos instale todas las dependencias necesarias.
npm outdate -----> Muestra los cambios.
npm install name_package@latest --> actualiza la dependencia a la version mas reciente.
Al descargar un proyecto de un repositorio, inmediatamente después del npm install, yo siempre tecleo npm run para ver que scripts tiene activos.
gracias
Compartiendo mis apuntes
npm install
Instala las dependencias que estén dentro de un package.json. por ejemplo al clonar un proyecto.
Podrían presentarse vulnerabilidades
npm outdate
Nos muestra las nuevas versiones disponibles de las dependencias y con la que contamos actualmente
npm install name_package@latest
Instalar la versión mas reciente de la dependencia
Debemos tener en cuenta que hay dependencias que también requieran ser actualizadas
Puede haber conflicto ya que existen dependencias que se requieren así mismas
📥 Archivos del Proyecto 📥
Pasos 📌
• En la terminal estar dentro de la carpeta del proyecto principal, en caso de estar dentro de unos de los mini proyectos, ejecutar cd .. para devolverse a la carpeta raíz.
• Vamos a clonar el repositorio de un proyecto, se debe copiar la url del repositorio en el botón verde que dice code.
• Luego en la terminal ejecutar con esa dirección que copiamos lo siguiente:
git clone https://github.com/gndx/react-base.git
• Al ejecutar ls debe salir la carpeta react-base.
• Entrar a la carpeta con cd react-base
• Entrar a ++VS Code++ con code .
• En la terminal se listan los paquetes con:
npm list
npm install
• Se ejecuta de nuevo npm list para ver si la lista no contiene errores.
• Para ver las actualizaciones que necesitan instalar de los paquetes, se ejecuta:
npm outdate
npm install react@latest
npm install react-dom@latest
Mis pareceros aquí les dejo mis apuntes
Actualización de dependencias
Muchas veces tenemos proyectos o tenemos que trabajar con proyectos que hace mucho tiempo han estado sin actualizarse
Package.json
Este archivo base contiene la información de nuestra aplicación, algo muy parecido a un manual de lo que necesita la aplicación para funcionar de la forma correcta.
Actualización de paquetes
npm list nos muestra todos los elementos que son parte del proyecto y los errores correspondientes si es el caso y no están instalados.
npm install procederá a instalar todas las dependencias del proyecto y podremos tener mensajes como dependencias vulneradas, de forma moderadas, altas o criticas (deben ser atendidas inmediatamente)
npm outdate nos mostrará cuales son las dependencias que necesitan o que pueden ser actualizadas porque han tenido alguna mejora.
npm install react@latest si esta dependencia usa otras y también están desactualizadas, nos informará y podemos proceder a realizar la actualización de la otra >npm i react-dom@latest
09/15 Curso de NPM: Actualización de Dependencias
La actualización de dependencias es una parte importante del mantenimiento de proyectos de software. Periódicamente, es necesario actualizar las dependencias de tu proyecto para asegurarte de que estés utilizando las versiones más recientes y seguras de las bibliotecas y paquetes de software en tu aplicación.
Aquí tienes una guía sobre cómo realizar la actualización de dependencias en tu proyecto:
1. Verifica las actualizaciones disponibles:
Antes de realizar cualquier actualización, es importante verificar si hay nuevas versiones disponibles de las dependencias en tu proyecto. Puedes utilizar el siguiente comando para listar las dependencias desactualizadas en tu proyecto:
npm outdated
Este comando mostrará una lista de dependencias que tienen nuevas versiones disponibles, junto con información sobre las versiones actuales y las versiones más recientes.
2. Actualiza las dependencias de forma individual:
Puedes actualizar una dependencia específica utilizando el comando npm update seguido del nombre de la dependencia. Por ejemplo:
npm update nombre-de-la-dependencia
Esto actualizará la dependencia al último número de versión compatible según las restricciones definidas en tu archivo package.json.
3. Actualiza todas las dependencias:
Para actualizar todas las dependencias de tu proyecto a las últimas versiones compatibles, puedes utilizar el siguiente comando:
npm update
Esto buscará las versiones más recientes de todas las dependencias en tu proyecto y las actualizará si son compatibles según las restricciones definidas en tu package.json.
4. Actualiza las dependencias de desarrollo:
Si tienes dependencias que solo se utilizan en el desarrollo de tu proyecto (como herramientas de prueba o compilación), puedes actualizarlas utilizando el comando npm update con la bandera --dev o -D. Por ejemplo:
npm update --dev
Esto actualizará solo las dependencias de desarrollo en tu proyecto.
5. Actualización de dependencias con restricciones de versión:
Si deseas actualizar una dependencia a una versión específica, puedes hacerlo editando manualmente tu archivo package.json y cambiando la versión de la dependencia en la sección "dependencies" o "devDependencies". Luego, ejecuta npm install para instalar la nueva versión. Por ejemplo:
"dependencies": { "nombre-de-la-dependencia": "^2.0.0" }
Luego, ejecuta:
npm install
6. Verifica y prueba tu proyecto:
Después de actualizar las dependencias, es importante verificar que tu proyecto aún funcione correctamente. Ejecuta tus pruebas y realiza pruebas manuales para asegurarte de que no haya problemas de compatibilidad o errores introducidos por las actualizaciones.
7. Realiza copias de seguridad:
Siempre es una buena práctica hacer copias de seguridad de tu proyecto o utilizar un sistema de control de versiones como Git antes de realizar actualizaciones importantes de dependencias. Esto te permitirá restaurar tu proyecto a una versión anterior en caso de que surjan problemas con las actualizaciones.
La actualización de dependencias es una parte esencial del desarrollo de software para mantener tus proyectos seguros y actualizados con las últimas características y correcciones de errores. Sin embargo, es importante realizar estas actualizaciones con precaución y realizar pruebas exhaustivas para asegurarte de que tu proyecto siga funcionando como se esperaba.
!Imgur
Espero sea de utilidad. 👨💻
🔄 Diferencia entre npm update <package> y npm install <package>@latest
.
npm update <package> se preocupa por respetar las restricciones de versión en package.json y actualizar a la última versión compatible según esas restricciones.
npm install <package>@latest instala la última versión disponible sin tener en cuenta las restricciones de versión, lo que podría causar conflictos con otras dependencias.
.
Ejemplo de package.json:
"dependencies": { "react": "=16.14.0", // No se permitirán actualizaciones automáticas a ninguna otra versión. "axios": ">=0.21.0 <0.22.0", // Se actualizará a cualquier versión igual o superior a 0.21.0 pero menor que 0.22.0. "lodash": "^4.17.0" // Se actualizará a cualquier versión compatible que sea mayor o igual a 4.17.0 pero menor que 5.0.0. }
Estos ejemplos representan algunas de las restricciones comunes que se pueden usar en el archivo package.json. Al utilizar restricciones de versión adecuadas, puedes controlar con precisión las actualizaciones de tus dependencias y asegurarte de que tu proyecto mantenga la compatibilidad y la estabilidad.
Volvi a este video en un curso futuro a recordar los comandos pero ya me los he aprendido: npm outdate y npm list
este curso h apuesto cada pieza del rompecabezas en orden, gracias oscar!
Como se le hace para que el vscode se vea con esos colores y interfaz ligeramente cambiada como la que tiene el? Conozco el peacock de Juan dc, pero este me atrae mas. Es de Mac o es un plugin de Vs? gracias
Buen día Estiamdo. Esa duda se resuelve con la siguiente clase: https://platzi.com/clases/2042-prework-windows/32932-extensiones-y-personalizacion-de-visual-studio-cod/
Comparto mis apuntes
📍 Comandos de la clase:
Para este proyecto en concreto se necesitan de varios comandos para hacer una correcta actualización de dependencias.
npm list:
Enlista las dependencias instaladas de un proyecto.
npm install:
Generalmente es usado para que lea el archivo package.json e instálale todas las dependencias que encuentre ahí.
npm outdate:
Muestra el nombre de las dependencias que necesitan o que pueden ser actualizadas, la versión actual, la versión más reciente y la ubicación, todo ello en forma de tabla de datos.
Muestra las dependencias que pueden ser actualizadas.
Con información un poco más detallada.
npm install <packageName>@latest:
Generalmente se usa para actualizar un paquete a su última versión o la más reciente.
Que increible clase, si que me llego en el mejor momento.
¿como se puede crear una dependencia npm?
¿Que es una dependencia?
Hola Víctor, Una dependencia es una unidad de código que se puede importar a un poyecto (a través de una instalación mediante npm) para agregar funcionalidades adicionales a una aplicación.
¿Que configuracion de terminal usa el profesor?
¿Por que me sale esto cuando trato de usar npm install packeName@Latest?
Qué coraje
Ya sé cuál es el problema
npm install packageName@Latest | Wrong npm install packageName@latest | Fine
una desgraciada letra (L > l) era lo que me detenía
Las typos son lo peor jajaja
Lo que me gusta, es que como es solamente aprender y entender comandos, estas clases no han sido muy complejas.
La actualización de dependencias es una tarea importante para mantener tu proyecto actualizado con las últimas versiones de las bibliotecas y paquetes que utilizas. En npm, puedes actualizar las dependencias de tu proyecto de varias maneras. Aquí te muestro cómo puedes realizar la actualización de dependencias con npm:
Actualización de dependencias específicas
Puedes actualizar una dependencia específica a la última versión disponible utilizando el comando npm update. Por ejemplo, para actualizar una dependencia llamada "nombre_dependencia" a la última versión disponible:
bash Copy codenpm update nombre_dependencia
Actualización de todas las dependencias
Para actualizar todas las dependencias a las últimas versiones compatibles, puedes utilizar el comando npm update sin ninguna especificación de paquete:
bash Copy codenpm update
Actualización de dependencias a las últimas versiones
Si estás buscando actualizar todas las dependencias a las últimas versiones disponibles, puedes utilizar el paquete npm-check-updates para verificar las actualizaciones de las dependencias y luego realizar la actualización.
Instalación de npm-check-updates: Primero, instala globalmente el paquete npm-check-updates utilizando el siguiente comando:bash Copy codenpm install -g npm-check-updates
Verificación de actualizaciones de dependencias: Ejecuta el siguiente comando para verificar las actualizaciones de las dependencias:bash Copy codencu -u
Esto actualizará el archivo package.json con las últimas versiones compatibles de todas las dependencias.
Instalación de las últimas versiones de dependencias: Después de actualizar el archivo package.json, ejecuta el siguiente comando para instalar las últimas versiones de las dependencias:bash Copy codenpm install
