In­s­ta­la­ción de Yarn: cómo co­n­fi­gu­rar el gestor de paquetes para Ja­va­S­cri­pt

Para instalar Yarn, primero debes co­n­fi­gu­rar la versión global y luego una versión es­pe­cí­fi­ca para tu proyecto. Una vez hecho esto, puedes pe­r­so­na­li­zar el gestor de paquetes como prefieras.

Yarn: in­s­ta­la­ción paso a paso

El gestor de paquetes Ja­va­S­cri­pt Yarn se de­sa­rro­lló para Node.js y, desde su la­n­za­mie­n­to en 2016, se ha co­n­ve­r­ti­do en una de las opciones más populares en su categoría. Dado que instalar Yarn y comenzar a uti­li­zar­lo puede no ser tan sencillo, te ofrecemos una guía detallada paso a paso. De primeras, es im­po­r­ta­n­te que tengas Node.js co­n­fi­gu­ra­do.

Re­qui­si­tos para instalar Yarn

Para instalar Yarn, solo necesitas cumplir algunos re­qui­si­tos. Además de contar con Node.js, es re­co­me­n­da­ble utilizar una di­s­tri­bu­ción Linux, por ejemplo Ubuntu, como sistema operativo. También ne­ce­si­ta­rás el gestor de paquetes npm y una cuenta con pri­vi­le­gios sudo. Si no estás seguro de si Node.js está instalado en tu sistema, puedes co­m­pro­bar­lo es­cri­bie­n­do el siguiente comando:

$ node -v

De este modo, podrás saber qué versión está instalada en tu sistema. Después de recibir la co­n­fi­r­ma­ción, podrás comenzar a instalar Yarn.

Descargar Yarn e in­s­ta­lar­lo

Para instalar Yarn, debes co­n­fi­gu­rar dos versiones del gestor de paquetes. En primer lugar, descarga la versión completa del programa. De esta forma, te aseguras de que todos los pasos de trabajo y miembros del equipo utilicen la misma versión, lo que reduce la po­si­bi­li­dad de que surjan errores. Para instalar la versión completa, lo mejor es utilizar el gestor de paquetes npm. Para ello, utiliza el siguiente comando:

$ sudo npm install -g yarn

Después, comprueba el número de versión para ase­gu­rar­te de que has obtenido los paquetes más recientes. Este es el comando que debes utilizar:

$ yarn --version

Instalar Yarn lo­ca­l­me­n­te

A co­n­ti­nua­ción, configura Yarn para un proyecto es­pe­cí­fi­co de Ja­va­S­cri­pt. Primero, llama al di­re­c­to­rio de tu proyecto. Reemplaza el marcador de posición “tu-proyecto” con el nombre real de tu proyecto. Utiliza para ello este comando:

cd ~/tu-proyecto

Si aún no tienes una carpeta de proyecto, puedes crearla con el siguiente comando que incluye mkdir:

mkdir tu-proyecto
cd tu-proyecto

Utiliza ahora el comando yarn set para obtener la versión Yarn Berry:

$ yarn set version berry

Si está di­s­po­ni­ble, se de­s­ca­r­ga­rá la última versión de Yarn Berry. Guárdala en una carpeta del proyecto con el nombre .yarn/releases y crea un archivo de co­n­fi­gu­ra­ción llamado .yarnrc.yml. La salida del comando será algo así:

Resolving berry to a url...
Downloading https://github.com/yarnpkg/berry/raw/master/packages/berry-cli/bin/berry.js...
Saving it into /home/user/tu-proyecto/.yarn/releases/yarn-berry.cjs...
Updating /home/user/tu-proyecto/.yarnrc.yml...
Done!

Vuelve a comprobar la versión de esta manera:

$ yarn --version

Si la in­s­ta­la­ción de Yarn Berry es correcta, deberías ver la siguiente salida (el número de versión varía en función de la versión que tengas en ese momento):

3.0.0

Comandos im­pre­s­ci­n­di­bles para el gestor de paquetes

Después de instalar Yarn, podrás empezar a usar el gestor de paquetes. Para sacarle el máximo provecho en tu flujo de trabajo, es útil conocer los comandos básicos. A co­n­ti­nua­ción, te mostramos los comandos más im­po­r­ta­n­tes para que gestiones mejor tus proyectos.

Comenzar un nuevo proyecto

Para comenzar un nuevo proyecto, utiliza el comando init, el cual creará el nuevo proyecto y todos los archivos que necesitas para ello:

yarn init

Crear y guardar de­pe­n­de­n­cias

Si ya tienes un proyecto en marcha y deseas almacenar en él todas las de­pe­n­de­n­cias, puedes utilizar el comando yarn install:

yarn install

Para añadir nuevas de­pe­n­de­n­cias a tu proyecto, utiliza el comando add. Si­m­ple­me­n­te reemplaza el marcador de posición “no­m­bre­de­l­pa­que­te” en el siguiente código con el nombre del paquete co­rre­s­po­n­die­n­te:

yarn add nombredelpaquete

La mejor co­n­fi­gu­ra­ción para .gitignore

En tu proyecto, todos los archivos se guardan en la carpeta .yarn. Sin embargo, algunos de ellos pueden quedar excluidos del control de versiones. Usa la siguiente co­n­fi­gu­ra­ción para tu archivo .gitignore:

.yarn/*
!.yarn/patches
!.yarn/releases
!.carn/plugins
!.yarn/sdks
!.yarn/versions
.pnp.*

Ayuda y más in­fo­r­ma­ción

Si necesitas ayuda o in­fo­r­ma­ción adicional después de instalar Yarn, la mejor opción es utilizar --help.

$ yarn --help

Si necesitas ayuda para un comando es­pe­cí­fi­co, si­m­ple­me­n­te combínalo con --help. Por ejemplo, para obtener más in­fo­r­ma­ción sobre el comando yarn install, puedes escribir lo siguiente:

$ yarn install --help

¿Qué al­te­r­na­ti­vas hay a Yarn?

Yarn es una solución muy re­co­me­n­da­da cuando hay que compartir o utilizar código de manera segura. Sin embargo, existen buenas al­te­r­na­ti­vas que puedes co­n­si­de­rar en lugar de instalar Yarn.

npm

No es de extrañar que npm (Node Package Manager) sea una opción a co­n­si­de­rar cuando trabajas con el entorno de ejecución. Su uso es muy sencillo, rápido y seguro, además de estar pe­r­fe­c­ta­me­n­te integrado con Node.js. Esta solución cuenta con un registro de más de 1,3 millones de paquetes y una interfaz de línea de comandos (CLI). Incluso en esta guía de in­s­ta­la­ción de Yarn hemos utilizado los servicios de npm.

pnpm

pnpm es otro gestor de paquetes de código abierto ideal para trabajar con Ja­va­S­cri­pt. Su es­tru­c­tu­ra es similar a la de npm, pero con una di­fe­re­n­cia clave: utiliza enlaces si­m­bó­li­cos (symlinks) y evita instalar paquetes idénticos varias veces en el sistema local. Esta solución fue diseñada para ser una al­te­r­na­ti­va más eficiente a npm, lo que la convierte en otra buena al­te­r­na­ti­va a Yarn.

Bower

La tercera al­te­r­na­ti­va es Bower, un gestor de paquetes gratuito diseñado es­pe­cí­fi­ca­me­n­te para el de­sa­rro­llo web del lado del cliente, por lo que está op­ti­mi­za­do para trabajar en el frontend. Bower ofrece una amplia selección de paquetes y, además de Ja­va­S­cri­pt, también puede gestionar otros co­m­po­ne­n­tes como HTML y CSS. Su uso es muy sencillo y se maneja a través de la línea de comandos de Node.js.