Hoe in­stal­leer je Yarn?

Om Yarn te in­stal­le­ren, moet u eerst de volledige versie in­stal­le­ren en ver­vol­gens een enkele pro­ject­ver­sie. Daarna kunt u de pak­ket­be­heer­der naar wens en behoefte con­fi­gu­re­ren.

Hoe in­stal­leer je Yarn stap voor stap?

De Ja­vaScript-pak­ket­be­heer­der Yarn is ont­wik­keld voor Node.js en is sinds de release in 2016 snel uit­ge­groeid tot een van de po­pu­lair­ste op­los­sin­gen in zijn segment. Omdat het instellen ervan niet altijd even eenvoudig is, geven we je een staps­ge­wij­ze in­tro­duc­tie. Je moet Node.js al ge­ïn­stal­leerd en ingesteld hebben.

Wat zijn de vereisten voor het in­stal­le­ren van Yarn?

Er zijn slechts een paar vereisten voor het in­stal­le­ren van Yarn. Naast Node.js heb je ook een Linux-dis­tri­bu­tie zoals Ubuntu nodig als be­stu­rings­sys­teem. Je hebt ook de npm-pak­ket­be­heer­der en een account met sudo-rechten nodig. Als je niet zeker weet of je Node.js op je systeem hebt, kun je dit con­tro­le­ren met de volgende opdracht:

$ node -v

Zo zie je welke versie je op je systeem hebt. Als je een be­ves­ti­ging krijgt, kun je Yarn in­stal­le­ren.

Yarn down­lo­a­den en in­stal­le­ren

Om Yarn te in­stal­le­ren, moet u eigenlijk twee versies van het pak­ket­be­heer­pro­gram­ma in­stal­le­ren. Download eerst de volledige versie van het programma. Zo kunt u ervoor zorgen dat alle teamleden en in elke fase van het project dezelfde versie gebruiken. Dat ver­min­dert op zijn beurt het aantal fouten. Gebruik het npm-pak­ket­be­heer­pro­gram­ma om de volledige versie te in­stal­le­ren. De opdracht daarvoor ziet er als volgt uit:

$ sudo npm install -g yarn

Con­tro­leer ver­vol­gens het ver­sie­num­mer om er zeker van te zijn dat u de nieuwste pakketten hebt ontvangen. De opdracht daarvoor is:

$ yarn --version

Yarn lokaal in­stal­le­ren

Nu kunt u Yarn instellen voor een specifiek Ja­vaScript-project. Roep eerst de map van het project op. Vervang de plaats­hou­der ‘uw-project’ door de naam van uw project. Hier is het commando:

cd ~/your-project

Als je nog geen map voor je project hebt, maak er dan een aan met behulp van mkdir:

mkdir your-project
cd your-project

Gebruik het commando yarn set om Yarn Berry op te halen:

$ yarn set version berry

Als deze be­schik­baar is, wordt de nieuwste versie van Yarn Berry ge­down­load. Sla deze op in een pro­ject­map met de naam .yarn/releases en maak een con­fi­gu­ra­tie­be­stand met de naam .yarnrc.yml. De uitvoer zou er ongeveer als volgt uit moeten zien:

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

Con­tro­leer de versie nogmaals met het volgende commando:

$ yarn --version

Als Yarn correct is ge­ïn­stal­leerd, krijg je de volgende uitvoer (met een variërend ver­sie­num­mer, af­han­ke­lijk van de huidige versie):

3.0.0

Wat zijn de be­lang­rijk­ste Yarn-commando’s?

Zodra u Yarn hebt ge­ïn­stal­leerd, kunt u het gaan gebruiken. Het is de moeite waard om enkele ba­sis­op­drach­ten te bekijken, zodat u het pak­ket­be­heer­pro­gram­ma optimaal kunt benutten. Hieronder in­tro­du­ce­ren we enkele van de be­lang­rijk­ste op­drach­ten.

Een nieuw project starten

Om een nieuw project te starten, gebruik je het commando init. Hiermee maak je een nieuw project aan en alle bestanden die je voor het project nodig hebt:

yarn init

Opslaan en af­han­ke­lijk­he­den creëren

Als je al een project hebt en daarin af­han­ke­lijk­he­den wilt opslaan, gebruik dan het commando yarn install:

yarn install

Gebruik het commando add om nieuwe af­han­ke­lijk­he­den aan te maken. Vervang de plaats­hou­der ‘pack­age­na­me’ door de daad­wer­ke­lij­ke naam van het pakket:

yarn add packagename

De beste con­fi­gu­ra­tie voor .gitignore

Alle bestanden worden op­ge­sla­gen in de map .yarn in uw project, maar u kunt sommige bestanden weglaten. Gebruik daarvoor de volgende con­fi­gu­ra­tie voor uw .gitignore-bestand:

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

Hulp en meer in­for­ma­tie

Als u hulp of meer in­for­ma­tie nodig hebt na het in­stal­le­ren van Yarn, gebruik dan --help:

$ yarn --help

Als u hulp nodig hebt bij een spe­ci­fie­ke opdracht, combineer de opdracht dan met --help. Met yarn install zou dat er bij­voor­beeld als volgt uitzien:

$ yarn install --help

Wat zijn enkele al­ter­na­tie­ven voor Yarn?

Yarn is een geweldige oplossing als je code veilig wilt delen en gebruiken. Maar er zijn ook een aantal goede al­ter­na­tie­ven die je in plaats van Yarn kunt gebruiken.

npm

Het is niet ver­won­der­lijk dat npm (Node Project Manager) een goede optie is voor het werken met de runtime-omgeving. Het is ge­bruiks­vrien­de­lijk, snel, veilig en perfect geschikt voor Node.js. Het biedt een register met meer dan 1,3 miljoen pakketten en de CLI-interface. We hebben npm ook gebruikt in deze in­stal­la­tie­hand­lei­ding voor Yarn.

pnpm

pnpm is een open-source pak­ket­be­heer­der die perfect geschikt is voor het werken met Ja­vaScript. De structuur is ver­ge­lijk­baar met npm, maar het maakt gebruik van symlinks en voert geen meerdere lokale in­stal­la­ties van identieke pakketten uit. Het is ont­wik­keld als een ef­fi­ci­ën­ter al­ter­na­tief voor npm, waardoor het in­te­res­sant is als ver­van­ging voor Yarn.

Bower

Ons derde al­ter­na­tief is Bower, een gratis pak­ket­be­heer­der voor client-side we­bont­wik­ke­ling die is ge­op­ti­ma­li­seerd voor gebruik in de frontend. Het biedt een grote selectie aan pakketten. Naast Ja­vaScript werkt de beheerder ook met andere com­po­nen­ten zoals HTML en CSS. Het is zeer ge­bruiks­vrien­de­lijk en werkt via de Node.js-op­dracht­re­gel.