Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Actualizar y eliminar paquetes

7/15
Recursos

Aportes 64

Preguntas 25

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Un pequeño resumen:

Actualizar paquetes

  • Revisar que paquetes disponen de nuevas versiones
    npm outdate

  • Para ver un output más detallado
    npm outdate --dd

  • Actualizar los paquetes que no están en la ultima versión
    npm update

  • Actualizar un paquete especifico
    npm install [email protected]

Eliminar paquetes

  • Eliminar un paquete de node_modules y del archivo package.json
    npm uninstall json-server

  • Desinstalar un paquete de todo node_modules pero no del archivo package.json
    npm uninstall webpack --no-save

Cuando trabajas en un equipo, puede ser que alguien corra npm unistall package para eliminar un paquete y luego ese cambio se envíe al repositorio remoto donde tú puedes hacer pull. Dado que el directorio de modulos de node no se alacena en git, tú seguirás teniendo paquetes que ya no se usan. En esoso casos puedes usar prune https://docs.npmjs.com/cli/prune.html

prune va a eliminar los paquetes que ya no se usan en tu proyecto, pero también puede eliminar paquetes en especifico, o eliminar los paquetes de dev en entornos de producción.

Pensaba que para desinstalar los paquetes requeriría un comando más complejo, pero al contrario es fácil de recordar y me gusto bastante la lista que se genera al revisar que paquetes tenemos desactualizados. Acá dejo los comandos usados en esta clase:

• npm list
• npm outdate
• npm update
• npm install json-server@latest
• npm uninstall json-server
• npm uninstall webpack –no-save

Actualizar y eliminar paquetes

<h3>Listar paquetes del proyecto</h3>

Lista todo lo que esta instalado.

npm list 
<h3>Como actulizar version del paquete</h3>

Indica si existe una version de algun paquete o dependecia.

npm outdate
npm outdate --d  # para ver el output
npm update #para actulizar todos los paquetes
npm install [email protected] # para obtener la ultima version del paquete
<h3>Desinstalar un paquete o dependecia</h3>
npm uninstall paquete # elimina el paquete dentro de node_modules y de package.json
npm uninstall paquete --no-save # lo quita de node_module pero no de packager.json
<h3>Extension de visual studio code para NPM</h3>

npm - Visual Studio Marketplace

Para no escribir “uninstall” puedes escribir

npm r package_name

y hace exactamente lo mismo

Cuando ejecuté:

npm uninstall webpack --no-save

No se desinstaló webpack de los módulos de node. Parece ser que a algunas personas no les funciona en devDependencies, no sé si a todos les pasa lo mismo:
https://npm.community/t/npm-uninstall-no-save-does-not-work-with-devdependencies/1039

También existe este comando que sirve para seleccionar que dependencia actualizar de manera especifica:
.

npx npm-check --update

.
Fuente: Tomek Sułkowski en Twitter

<h3>Actualizar y eliminar</h3>
  • npm outdate es para ver si se algún paquete se encuentran desactualizados y además nos indica la últimas versiones de estos paquetes, dándonos la version actual (current) , recomendada(wanted) y la mas actualizada (Latest)
  • npm outdate --dd con el flag --d podemos ver todo el output mas detallado viendo lo que esta pasando por detrás de npm osea como hace cada operación hasta llegar a el output final
  • npm update podemos actualizar todos los paquetes que se encuentran desactualizados
  • npm install <package>@latest podemos actualizar un paquete en especifico a su ultima versión con este comando ejem: npm install [email protected]
  • npm uninstall <package> para desinstalar o eliminar un paquete en especifico esto lo elimina del package.json y node_modules , Ojo muchas veces lo borramos del archivo package.json pero esto no lo elimina de la carpeta node_modules por lo tanto es una buena práctica ejem: npm uninstall json-server
  • npm uninstall <package> --no-save nos permite desinstalar o eliminar un paquete pero sin eliminarlo del package.json pero si del node__modules, ejem: npm uninstall webpack --no-save podemos instalar un plugin npm egamma en VSCode que nos revisa nuestro package.json vrs la carpeta de node_modules para comparar si hay dependencias que están agregadas en package.json pero no en la carpeta de node_modules (Ojo hay que revisar si efecto se elimino de node_modules ay que parece cuando esta en devDependencies no se elimina)

El comando npm uninstall <package> tiene muchos alias como:

npm un <package>
npm remove <package>
npm rm <package>

source: https://docs.npmjs.com/cli/v6/commands/npm-uninstall

Actualizar y eliminar paquetes


  • npm outdate → Comando para revisar que paquetes tienen nuevas versiones.
  • npm outdate --dd → Comando para revisar más detalles sobre los paquetes tienen nuevas versiones.
  • npm update → Comando para actualizar
  • npm uninstall package → Comando para desinstalar
  • npm uninstall package --no-save → Comando para desinstalar todo el paquete de todo node_modules

Si no te sale nada al momento de ejecutar npm outdate, significa que tus paquetes están al día 😄
Ya si te quieres asegurar que el comando esté funcionando, puedes correrlo con la bandera npm outdate --dd Y verás que sí funciona 😉

No se si tocará el tema más adelante, pero a inicio del número de versión de todas las dependencias se pone un simbolo.

Las versiones tienen 3 números ejemplo:

1.2.3

El primer número es la versión principal, el segundo número indica cambios que puede surgir pero que no ameritan otra verisión, y el tercer número pueden ser cambios pequeños como reparar bugs.

Entonces este simbolo ^ al principio de la versión indicar que solamente puede actualizar o instalar la ultima versión del segundo número ejemplo.

Si tengo la versión 2.3.0 y en el package.json dice ^2.3.0, significa que podré instalar la versión 2.3.1, .2, .3, etc, pero si sacan la versión 2.4.0, no la podre instalar por update o por install, tendré que hacerlo manual, esto porque al tener un cambio más significante podría afectar el funcionamiento de mi app, paquete o libreria.

Desinstalar paquetes sin que se remuevan del del package.json
.

npm uninstall package-name --no-save

  • npm list => Lista los paquetes que tenemos instalados
  • npm outdate => Lista los paquetes que tienen una actualización
  • npm outdate --d => Muestra la salida de npm mas detallada
  • npm update => Actualiza los paquetes a la última versión
  • npm install [email protected] => instala la ultima versión
  • npm uninstall name-package =>Elimina el paquete o desinstala
  • npm uninstall webpack --no-save => Elimina el paquete de node_modules pero no del package.json

Para desinstalar tambien podemos usar el comando:
npm un json-server

Y para actualizar a la version “latest” (no a la versión “wanted”) podemos utilizar:

npx npm-check-updates -u

Y después

npm install

Pantallazo a la extension que recomienda el profe instalar en VSCode:

Y esta la forma como trabaja en nuestro archivo package.json:

¿el archivo package.json si se sube a produccion?

Esto es lo que me aparece cuando corro el comando npm list
.

  • Para instalar un paquete con una versión en específico podemos usar el siguiente comando npm install [email protected].
  • Para poder ver paquetes desactualizados puedo usar el siguiente comando npm outdate
  • Para actualizar paquetes de npm con el comandonpm update.
  • Instalar paquetes en su última version con el comando npm install [email protected]
  • Para desinstalar un paquete con el comando npm uninstall json-server
  • npm outdate: Paquetes que pueden estar desactualizados.
    • npm outdate --dd: Ver lo que sucede internamente.
  • npm update: Actualizar paquetes que no están en la última versión.
  • npm install [email protected]: Instalar última versión de un paquete específico.
  • npm uninstall json-server: Eliminar una dependencia.
  • npm uninstall webpack --no-save: Se elimina de node_modules pero no del package.json.
npm outdate # muestra los paquetes desactulizados.
npm uninstall <package> #desinstalar paquete
npm uninstall <package> --no-save #desintala el paquete, pero lo mantiene en package.json

Aquí mi resumen, espero pueda serles de ayuda 😄

  • Para poder actualizar o darnos cuenta de actualizaciones de nuestros paquetes nos dirigimos a la terminal y ejecutamos el siguiente comando: npm list para ver en un arbl por jerarquia todos los paquetes que tenemos instalados.

  • Con el comando npm outdate podemos ver los paquetes que tenemos desactualizados, con el comando npm outdate --dd podemos ver más a detalle.

  • Con el comando npm update actualizamos el paquete.

  • Para hacer update a un paquete en particular usamos el comando npm install [email protected]

  • Para desinstalar un paquete usamos el comando npm uninstall json-server

  • Desinstalar un paquete de todo node_modules pero no del archivo package.jsonnpm uninstall webpack --no-save

Actualizar y eliminar paquetes

⠀


⠀
Vamos a revisar como actualizar o darnos cuenta de actualizaciones que hay en los paquetes.
⠀

  1. npm list Arroja paquetes con el árbol de jerarquía de todo lo que esta instalado.

  2. npm outdate Ver que paquetes están desactualizados.

  3. npm outdate --dd Output de como está funcionando el paquete.

  4. npm update -- Actualizar todos los paquetes outdated.

  5. npm install [email protected] Instalar última versión del current package.

  6. npm uninstall json-server Desinstalar paquetes o curren package.

  7. npm uninstall webpack --no-save Permite desinstalar sin eliminarlo de package.json.

para checar paquetes desactualizados usamos el comando nativo de npm llamado outdate:

npm outdate

como alternativa podemos usar un paquete llamado npm-check y se ve de esta forma (un output mas elaborado):

pueden checar la docu oficial en: https://www.npmjs.com/package/npm-check

Saludos a todos. Tengo una duda. Si alguien por fa me pudiera ayudar. ¿Para que casos sirve el comando npm uninstall paquete --no-save ? , por que eliminarlo de la carpeta pero no del archivo package.json?

Una vez creamos la configuracion inicial de nuestro proyecto nos ubicamos dentro del proyecto, y continuamos:
Aprenderemos a Instalar paquetes globales o locales, la instalacion de dependencias usando npm.

Crear directorio:
mkdir src

Cambiar a ese directorio:
cd src

Crear archivo:
touch index.js en mac y linux
echo >> index.html en windows

Ver directorio actual, print working directory, cuya traducción sería imprimir directorio de trabajo:
pwd

Instalacion de Recursos:
npm install es el comando necesario para instalar recursos o paquetes

en este ejemplo tenemos el nombre de uno en especifico para fechas:
moment

El comando completo es:
npm install moment --save para el manejo de fechas, se instala como una dependencia,

–save sirve para especfiicar que es necesario que viva en produccion

npm install moment --save-dev
–save-dev solo es necesario en nuestro entorno local.

Archivo git ignore es para que git ignore archivos
.gitignore

y dentro del archivo especificmamos que esta carpeta sea ignorada de la siguiente manera:
node_modules/

En el archivo package.json se agrega en la propiedad de jsons: moment

descargar otro paquete para manejar fechas:
npm install date-fns --save–dev

npm i date-fns -

npm i date-fns -S
npm i moment -S

Nodemon es para que este escchando:
npm install -g nodemon

con permisos de administrador en windows
y en linux usar sudo y mac

una vez instalado.
comando para ver si esta instalado

npm list -g --depth 0

Instalar de forma opcional el siguiente …

npm install eslint -O

npm fund que puede ser apoyado o recibe donaciones

npm install moment -save

–save : Este documento que vas a instalar dentro del proyecto es necesario para vivir en producción. Hay que tener cuidado con los paquetes que instalamos, cuando es a producción y cuando no lo es.

–save-dev: Este documento que vamos a instalar solo es necesario en nuestro entorno local o en el de desarrollo. Es importante no mandar dependencias a producción ni omitir algunas que deban de estar en producción.

Listar paquetes instalados de forma global

npm list -g --depth 0

SHORTCUTS
i = install
-S = --save
-D = --save-dev

npm install moment --save : Paquete que se encarga de manejar las fechas en JavaScript
🟢 --save : El documento que vamos a instalar dentro del proyecto es necesario para vivir en produccion.
🟢 -dev : El documento que vamos a instalar solo es necesario en nuestro entorno local o en el entorno de desarrollo
🟢 npm install date-fns : Al igual que moment se engarga de manejar fechas y datos
🟢 npm i : abreviacion de nmp install

🟢 -D : abreviacion para --save-dev

Carpeta node_modules: Aquí es donde se van a instalar los módulos que tú estás agregando a tu proyecto. Esta carpeta es importante para que tu proyecto funcione, pero no debe de ser enviada a ningún repositorio y debemos ignorarla apenas se crea.
Para ignorarla se crea un archivo .gitignore y escribimos: node_modules/
Versión resumida para instalar:

y si requerimos que se registre la versión exacta en el package.json

npm i -D -E moment

El comando que se corre en produccion es:

npm install --only=prod

or

npm install --only=production

npm install moment: Instalar dependencia.
npm install moment --save: La dependencia instalada es necesaria para vivir en producción.
npm install moment --save-dev: La dependencia solo es necesaria en el entorno local o de desarrollo.
npm i date-fns -D: Instalar como dependencia de desarrollo.
npm i moment -S: Instalar dependencia necesaria para producción.
sudo npm install -g nodemon: Instalar dependencia de forma global.
npm list -g --depth 0: Listar dependencias instaladas de forma global.

También se puede usar NPX para no instalar módulos globalmente:
npm install nodemon -D
npx nodemon

INSTALAR react

npm install react --dry-run

INSTALAR USANDO FORCE

npm install webpack -f
npm install webpack -force

luego de instalar webpack se lleva a devdependencies.

npm install sirve para volver a crear
o instalar las dependencias especificadas en
package json.

npm i [email protected]

esto es para cuando tenemos versiones especificas antiguas que tenemos que instalar.

npm list listar

npm outdate me muestra paquetes desactualizados

npm outdate --dd , cualquier comando que quieras ver detallado

npm update , actualizar paquetes a la ultima version

actualizar a la ultima version
npm install [email protected]

Como desintar paquete
npm uninstall json-server

desintalar dependencia pero sin eliminarlo de package json

npm uninstall webpack --no-save

Un pequeño resumen:

Actualizar paquetes

Revisar que paquetes disponen de nuevas versiones
npm outdate

Para ver un output más detallado
npm outdate --dd

Actualizar los paquetes que no están en la ultima versión
npm update

Actualizar un paquete especifico
npm install [email protected]

Eliminar paquetes

Eliminar un paquete de node_modules y del archivo package.json
npm uninstall json-server

Desinstalar un paquete de todo node_modules pero no del archivo package.json
npm uninstall webpack --no-save

npm uninstall webpack --no-save no me funciona. 😕

npm outdate: ver paquetes desactualizados
npm update: actualiza los paquetes desactualizados
npm install [email protected]: actualiza un paquete a la ultima versión.
npm uninstall package: desinstala paquetes del package.json y del node_modules
npm uninstall package --no-save: eliminar un paquete sin eliminarlo del package.json aunque si del node_modules

Entendido y puesto en practica…

No es recomendado modificar el directorio node_modules siempre usen npm para nodificar dependencias

En el caso de los paquetes globales, por ejemplo el nodemon que instalamos antes, podemos colocar el flag -g en los comandos vistos en la clase. Es importante saber que npm no toma el -g por defecto en estos comandos, así que si quieres hacer una actualización de un paquete global, debes colocar el flag.

Para poder ver todos los paquetes de todo lo que esta instalado en el proyecto podemos utilizar

npm list

Como vamos a actualizar paquetes a la ultima version, primero necesitamos saber cuales necesitan actualizacion. Esto se hace con:

npm outdate 

Tener actualizadas los paquetes de nuestro proyecto, nos garantizan que son seguros. Para poder ver la forma en la que esto lo revisa NPM usamos los flags ‘—dd’.

Para poder actualizar podemos usar

npm update

Actualizamos todos los paquetes que no esten en esa version.

Una forma de hacer Update en un paquete en particular, podemos utilizar

npm install [email protected]

Esto nos instalara la ultima version en nuestro paquete.

Otro punto importante es desintalar paquetes. Podemos eliminar desde el package.json pero se guardara en el node_modules y no es la mejor practica. Segun NPM en su documentacion dice que tenemos que utilizar:

npm uninstall json-server

Que lo eliminara desde sus archivos al igual en el packgage.json

Otro comando que nos elimina el paquete pero no lo elimina del package.json con:

npm uninstall webpack --no-save

Lo mas importante de la clase fue:

  • npm outdate: Nos muestra los paquetes desactualizados
  • npm update: Actualiza todos los paquetes desactualizados
  • npm uninstall <package>: Desinstala un paquete

Revisar qué paquetes disponen de nuevas versiones: npm outdate | Además, para mayor detalle flag: --dd

Listar los paquetes que tenemos

  • ** npm list** : nos arroja el árbol de jerarquías que mantiene de todo lo que está instalado, solo es una simulación.

Actualizar y eliminar paquetes

para actualizar nuestro paquetes debemos correr el siguiente comando. Actualizar nuestro paquetes nos garantiza siempre tengamos nuestro proyectos seguros y garantizar un correcto funcionamiento.

npm outdate

nos mostraría que paquetes están desactualizados y que versión es la mas reciente. Actualizarlos a la versión mas reciente se realizaría con el siguiente comando:

npm update

Otra forma de actualizar un paquete es realizando una instalación de la siguiente forma:

npm install [email protected]

Para la eliminación de un paquete debe ser:

npm uninstall json-serverr

Esto generaría una eliminación tanto de la carpeta node_modules como de nuestro archivo package.json.

También podemos eliminar el paquete de la carpeta node_modules y dejarla en el archivo package.json.

npm uninstall wepack --no-save

Buenas practicas

Listar los paquetes instalados.

npm list

Flag para tener un output mas detallado.

--dd

Mi duda seria: bajo que circunstancia me sirve borrar el paquete de node modules y conservarlo en el package,json?.

Hola amiguito, quizás ya estas algo cansado de estudiar, tomate un descanso escuchando esta rola y canta para despejarte
https://www.youtube.com/watch?v=C7ssrLSheg4

Para eliminar una dependencia global usamos la bandera -g con la instrucción uninstall.

Oscar tiene instalados más paquetes que cursos hay en Platzi. 🤣

siempre se agradece cuando recomiendan alguna extensión para visual estudio code ❤️

Para desinstalar paquetes
.

npm uninstall package-name

Porque cuando le doy npm outdate no me sale nada?

comentario con los comandos de npm basicos B)

Mis apuntes de esta clase:

  • npm list //listar los paquetes

  • npm outdate //miramos los paquetes desactualizados

  • npm outdate --dd //flag para ver todo el proceso en consola

  • npm update //actualiza los paquetes

  • npm install [email protected] //actualiza solo el paquete json-server a la última versión

  • npm uninstall json-server //elimina el paquete y lo borra del package.json

  • npm unistall webpack --no-save //elimina el paquete pero lo mantiene en package.json

Actualizar, Verificar, Eliminar

¿Como ver si algun paqute requiere de alguna actualización?

//General
npm outdate

//Vista total 
npm outdat --dd

//Iniciar Actualización
npm update

//Instalar una actualizacion de un paque en particular
npm install [email protected] //Ejemplo

//Desinstalar paquete
npm uninstall json-server

/*Desintalar de No-Modules pero no Package.json*/
npm uninstall webpack --no--save

Listar paquetes del proyecto: npm list

A seguir :D

Actualizar y eliminar paquetes

1. npm list

Muestra todos los paquetes instalados con npm.

2. npm outdate

Muestra los paquetes con la versión actual, la versión requerida y la última versión

3. npm outdate --dd

Da un output más detallado de las versiones que se están usando del instalador de paquetes (npm) y de los paquete que no están actualizados.

4. npm update

Actualiza los paquetes desactualizados.

5. npm i <package>@latest

Instala la última versión del paquete.

6. npm uninstall <package>

Desinstala el paquete.

7. npm uninstall <package> --no-save

Desinstalar un paquete pero sin eliminarlo del package.json, pero si de la carpeta node_modules

ACTUALIZAR PAQUETES
.
ACTUALIZAR
npm outdate // muestra packetes desactualizados o antiguos
.
npm outdate --dd // --dd muestra proceso de la consola mas detallado
.
npm update // actualizar paquetes no actualizados
.
npm i [email protected] // @latest despues del modulo ayuda a instalar la ultima version
.
BORRAR
npm uninstall json-server // borrar dependencia del proyecto
.
npm uninstall webpack --no-save // lo borra de node_modules pero no del package.json

Todos los comandos los guardo en google keep

Si eliminas un paquete en el archivo package.json y luego das npm install se eliminara de la carpeta node_modules también.

npm prune borra de node_modules los packages que no estan listados en package.json

excellent!!!

Desinstalar paquetes: uninstall nombre-paquete

Actualizar un paquete especifico: npm install [email protected]

Actualizar paquetes a última versión: npm update

Actualizar un paquete especifico: npm install [email protected]

Actualizar paquetes a última versión: npm update

Algo curiosol… npm remove también sirve para desinstalar paquetes, ¿Es una alternativa o algo similar?