LECCIÓN 47 / 60 · Código y herramientas reales

Entiende para qué sirve npm

Al terminar, podrás: distinguir los comandos básicos de npm

Ampliación opcionalActividad guiada

Conviene conocer: Lección 2 · La consola muestra lo que ejecutas

La idea clave

npm es una herramienta para instalar y administrar paquetes de JavaScript. No hace falta para escribir tu primer console.log: se vuelve útil cuando un proyecto necesita una biblioteca o herramientas de desarrollo.

Ejemplo paso a paso

Este ejemplo muestra la idea en acción. Sigue los pasos y después cámbialo tú.

Archivos y comandos de ejemplo
npm --version
npm init -y
npm install --save-dev vite
  1. npm --version muestra la versión instalada, si tienes Node y npm disponibles.
  2. npm init -y crea package.json en una carpeta de proyecto.
  3. npm install --save-dev vite añade Vite como herramienta de desarrollo: esta instalación necesita terminal e internet.

Practica con código

Antes de empezar, piensa: ¿Cuál de los tres comandos instala un paquete?

Identifica qué comando consulta una versión y cuál modifica el proyecto instalando una dependencia.

El resultado que buscamos

npm --version consulta; npm install instala y modifica package.json.

Actividad con archivos reales

Necesitas un editor, las herramientas de desarrollo o una terminal: no simulamos esos resultados.

Comprueba tu trabajo paso a paso

Esta actividad utiliza herramientas reales. No tiene corrección automática: solo tú puedes confirmar que has realizado cada paso.

Pasos para revisar

Marca todos los pasos después de realizarlos.

Necesito una pista

Lee los tres comandos en orden.

Una pista más

El que empieza por npm install es el que descarga un paquete.

Ver solución y explicación

npm install --save-dev vite es el comando de instalación. No es necesario ejecutarlo para completar esta lección.

Qué debes recordar: npm administra paquetes; no es el mismo entorno que la consola JavaScript.

Actividad guiada: pendiente de autoevaluación

La lectura, las prácticas corregidas y las autoevaluaciones guiadas se guardan por separado en este navegador.

Revisado editorialmente · Referencia técnica específica ↗