Mantente al día sobre las novedades de tu asunto favorito

Aprende a crear sitios web increíbles con facilidad

Usa el poder de Internet para promocionar tu negocio

Inspírate con las estrategias de grandes empresas

Contenido variado para potenciar los resultados de tu proyecto

La confirmación de tu inscripción ha sido enviada a tu correo electrónico

¡Gracias por suscribirte, esperamos que disfrutes nuestros contenidos!

Destacado en la categoría:

Descubre qué es NPM (Node Package Manager), cómo instalarlo en Windows, macOS y Linux y cuáles son sus principales ventajas y herramientas.

Si trabajas con programación o tienes curiosidad sobre el área, quizás ya hayas oído hablar de NPM, sigla de Node Package Manager, el gestor de paquetes estándar para Node.js. Actualmente, NPM es la base del desarrollo web moderno.

Se utiliza para la gestión de paquetes, el flujo de trabajo en distintos lenguajes de programación y como herramienta para la construcción de front-ends en aplicaciones y sitios web. ¿Te das cuenta de la importancia de NPM en el mundo de Internet?

Comprender NPM o usarlo en la práctica puede parecer complicado para quienes están empezando en este universo. Por eso, en este artículo descubrirás qué es NPM, cuáles son sus principales herramientas y las ventajas de esta tecnología. ¿Vamos allá?

qué es npm

¿Qué es NPM?

Antes de explicar qué es NPM Node, primero hablemos de Node.js: un software open-source que permite a los programadores escribir código en JavaScript. La tecnología fue introducida por primera vez en 2009 por Ryan Dahl y fue reconocida de inmediato como “el software más emocionante en el universo actual de JavaScript”.

Node.js fue creado como un entorno de servidor para aplicaciones. Sin embargo, los desarrolladores comenzaron a usarlo para crear herramientas que les ayudaran a automatizar tareas. En resumen, este es el motivo de la popularidad de Node.js y NPM.

A diferencia de tecnologías como PHP, C y Java, en Node.js las solicitudes se ejecutan en single-thread, es decir, la tarea se lleva a cabo de principio a fin sin interrupciones. Desde su lanzamiento en 2009, se han construido miles de sistemas y ha surgido un nuevo ecosistema de herramientas basadas en Node.js, transformando por completo el desarrollo de front-end.

Ahora que ya sabes qué es Node.js, es hora de entender qué significa NPM y qué tiene que ver con esto. Para utilizar herramientas y paquetes de Node.js, es necesario instalarlos y gestionarlos. Aquí es donde entra en juego NPM, que actúa como el gestor de paquetes de Node.js.

En términos generales, NPM permite a los desarrolladores instalar, desinstalar y actualizar dependencias con un solo comando. Además, es un repositorio en línea seguro para la publicación de proyectos Node.js de código abierto, como bibliotecas y aplicaciones.

Es posible compartir paquetes útiles, como lodash y moment, de manera rápida y sencilla. La lista de empresas que utilizan NPM en producción no deja de crecer e incluye grandes nombres como Visa, Nike, IKEA, Adobe, Microsoft y Netflix.

¿Cuáles son las principales herramientas de NPM?

NPM cuenta con dos componentes principales:

  1. Una herramienta CLI (interfaz de línea de comandos), utilizada para publicar y descargar paquetes.
  2. Un repositorio en línea, que aloja paquetes JavaScript. Este repositorio (npmjs.com) funciona como un centro de distribución que recibe productos de los remitentes (autores de paquetes NPM) y los envía a los destinatarios (usuarios de paquetes NPM).

Para facilitar el proceso, npmjs.com emplea varios “trabajadores” para gestionar los paquetes: la herramienta CLI. Estos trabajadores actúan como asistentes personales para cada usuario del repositorio. De este modo, las dependencias se envían a los desarrolladores JavaScript a través de npm install (remitente → destinatario) y npm publish (destinatario → remitente).

Tanto la herramienta CLI como el repositorio en línea ayudan a los desarrolladores a utilizar paquetes JavaScript en sus proyectos. A continuación, te explicamos algunas de las principales funciones de NPM.

package.json

Siguiendo con la comparación con un centro de distribución, package.json sería la etiqueta de identificación del producto en la caja. Cada proyecto en JavaScript, ya sea en Node.js o en un navegador, puede definirse como un paquete NPM con su propio package.json, que describe el proyecto.

Scripts

El package.json también permite definir scripts, que son comandos que pueden ejecutarse dentro del entorno local del proyecto.

dependencias vs devDependencias

Ambos tienen la forma de objetos clave-valor, con los nombres de las bibliotecas NPM como clave y las versiones semánticas como valor. Todas las versiones exactas del paquete quedan registradas en un archivo package-lock.json.

package-lock.json

Este archivo guarda información sobre las versiones de las dependencias utilizadas en un proyecto JavaScript con NPM. Mientras que package.json es una descripción general, package-lock.json actúa como una tabla de ingredientes, asegurando que se utilicen las mismas versiones en cada instalación.

Ventajas de usar NPM

Como has visto, una de las principales ventajas de usar NPM en proyectos de desarrollo web es su versatilidad. Además de mejorar la eficiencia y la productividad, NPM ofrece otros beneficios. ¡Mira!

Compartición y reutilización de código

Al principio, los paquetes de JavaScript no eran tan comunes. Hoy en día, existen más de 1.000 módulos disponibles. Según el blog NPJS.org, el 97% del código de una aplicación web proviene de NPM, y el desarrollador solo escribe el 3% restante que hace que su aplicación sea única.

El tiempo que se ahorra al no tener que reinventar código en miles de módulos está ayudando a los desarrolladores a reducir horas de trabajo. Lo mejor de todo es que cualquier desarrollador puede compartir su código en bibliotecas. En 2018, había 800.000 bibliotecas disponibles en el registro de NPM, con más de 10.000 publicadas cada semana.

Posibilidad de actualización

Si necesitas acceso a más herramientas, puedes suscribirte a NPM Pro, que ofrece una experiencia premium con beneficios como repositorios privados. Para grandes equipos de desarrollo que trabajan en proyectos críticos, existe NPM Enterprise, que permite desarrollar paquetes internos sin compartirlos públicamente.

Gestión de dependencias

Con NPM, es posible gestionar dependencias locales, herramientas instaladas globalmente, versiones de código y frameworks autónomos. Es importante señalar que NPM siempre instala la versión más reciente de un paquete, junto con las bibliotecas y frameworks dependientes.

¿Cómo usarlo en diferentes plataformas?

Node.js está disponible para Windows, Linux, macOS y otras plataformas. Para empezar a usar NPM en tus proyectos, primero necesitas instalar Node.js, ya que ambas herramientas están conectadas.

Para descargarlo, accede al sitio web oficial de Node.js en este enlace: https://nodejs.org/en/download/. Allí encontrarás instaladores para Windows y macOS.

site-node-js

Para Linux, puedes instalar Node.js a través del gestor de paquetes, disponible en el siguiente enlace: https://nodejs.org/en/download/package-manager/. Los paquetes en esta página son mantenidos y soportados por sus respectivos mantenedores, en lugar del equipo oficial de Node.js.

En el próximo apartado, aprenderás a instalar Node.js en diferentes plataformas.

Linux

Linux cuenta con varias distribuciones, como Debian, Fedora y Ubuntu. Como mencionamos antes, para instalar Node.js en Linux, lo más recomendable es hacerlo mediante el gestor de paquetes. Sin embargo, ten en cuenta que los comandos de instalación pueden variar según el sistema operativo.

Para instalar Node.js y el gestor de paquetes NPM en un sistema Ubuntu, abre el terminal manualmente o usa el atajo Ctrl + Alt + T y copia los siguientes comandos:

sudo apt update
sudo apt install nodejs npm

En Linux, NPM no se instala automáticamente, por lo que será necesario hacerlo manualmente con este comando:

sudo apt install npm

macOS

Existen dos versiones principales de Node.js:

  • LTS (Long-Term Support): recomendada para la mayoría de los usuarios.
  • Actual (Current): incluye las últimas actualizaciones y características.

Para descargarlo, accede al sitio web oficial de Node.js en este enlace: https://nodejs.org/en/download y haz clic en “macOS Installer”. Esto descargará el archivo .pkg del instalador de Node.js.

El instalador también instalará automáticamente NPM. Una vez que el archivo se haya descargado, autentica con tu contraseña de macOS y sigue las instrucciones para completar la instalación.

Para verificar si Node.js y NPM se instalaron correctamente, abre el terminal y ejecuta:

node -v

Esto mostrará la versión de Node.js instalada. Para comprobar NPM, usa:

npm -v

Windows

Para instalar Node.js en Windows, sigue estos pasos:

  1. Accede al sitio oficial de Node.js: https://nodejs.org/en/download.
  2. Haz clic en “Windows Installer” para descargar la última versión compatible.
  3. Abre el instalador cuando se complete la descarga y haz clic en “Ejecutar”.
  4. Sigue las instrucciones del asistente de instalación:
    • Haz clic en Siguiente” hasta llegar a la selección de componentes.
    • A menos que necesites configuraciones específicas, acepta las opciones predeterminadas y haz clic en “Siguiente”.
    • Finalmente, haz clic en “Instalar”.
  5. Cuando termine la instalación, haz clic en “Finalizar”.

Para asegurarte de que la instalación fue exitosa, abre el símbolo del sistema (CMD) y ejecuta el siguiente comando:

node -v

Esto mostrará la versión de Node.js instalada. Para comprobar la versión de NPM, usa:

npm -v

¡Únete a la comunidad NPM!

Ahora que ya sabes qué es NPM y cómo usarlo, aquí tienes un último consejo: forma parte de la comunidad.

El NPM Registry gratuito se ha convertido en el mayor centro de intercambio de código JavaScript, con más de un millón de paquetes, siendo el registro de software más grande del mundo.

Para acceder a una base completa de tutoriales sobre NPM y descubrir más sobre este ecosistema, visita: https://www.npmjs.com/.

Si tienes alguna pregunta, ¡déjala en los comentarios!

Y no olvides suscribirte a nuestra newsletter para estar siempre al tanto de las novedades del mundo tecnológico. 🚀

Contenidos relacionados:

Navega por asuntos

  • ¿Qué es NPM?

  • ¿Cuáles son las principales herramientas de NPM?

    • package.json

    • Scripts

    • dependencias vs devDependencias

    • package-lock.json

  • Ventajas de usar NPM

    • Compartición y reutilización de código

    • Posibilidad de actualización

    • Gestión de dependencias

  • ¿Cómo usarlo en diferentes plataformas?

    • Contenidos relacionados:

Tags:

    Crea tu presencia en línea

    Encuentra el nombre perfecto para tu web:

    www.