Damit du Yarn nutzen kannst, richtest du zuerst die Voll­ver­si­on und danach eine spe­zi­fi­sche Pro­jekt­ver­si­on ein. Im Anschluss lässt sich der Pa­ket­ma­na­ger ganz nach deinen Wünschen kon­fi­gu­rie­ren.

Yarn Install: Schritt für Schritt

Der Ja­va­Script-Pa­ket­ma­na­ger Yarn wurde speziell für Node.js kon­zi­piert und gehört seit dem Release 2016 zu den Top-Tools in diesem Bereich. Da der Start manchmal knifflig sein kann, zeigt dir diese Anleitung, wie die In­stal­la­ti­on von Yarn rei­bungs­los klappt. Vor­aus­set­zung ist, dass du Node.js bereits auf deinem System hast.

Tipp

Wie die In­stal­la­ti­on von Node.js unter Ubuntu gelingt, erfährst du in unserem passenden Ratgeber.

Vor­aus­set­zun­gen für den Yarn Install

Die Hürden für Yarn sind niedrig. Neben Node.js solltest du eine Linux-Dis­tri­bu­ti­on wie Ubuntu nutzen. Zudem brauchst du den Pa­ket­ma­na­ger npm sowie einen Account mit sudo-Pri­vi­le­gi­en. Falls du prüfen willst, ob Node.js bereits startklar ist, nutze diesen Befehl:

$ node -v
bash

Dir wird nun die in­stal­lier­te Version angezeigt. Sobald du die Be­stä­ti­gung hast, kann es mit Yarn losgehen.

Yarn down­loa­den und in­stal­lie­ren

Beim Yarn Install richtest du im Grunde zwei Varianten des Managers ein. Zuerst lädst du die Voll­ver­si­on herunter. Das stellt sicher, dass alle Be­tei­lig­ten im Team mit derselben Version arbeiten, was Fehler deutlich reduziert. Am ein­fachs­ten in­stal­lierst du die Voll­ver­si­on via npm mit folgendem Befehl:

$ sudo npm install -g yarn
bash

Frage danach die Ver­si­ons­num­mer ab, um zu checken, ob du die ak­tu­ells­ten Pakete hast:

$ yarn --version
bash

Yarn lokal ein­rich­ten

Nun kon­fi­gu­rierst du Yarn für ein konkretes Ja­va­Script-Projekt. Wechsle dafür in dein Pro­jekt­ver­zeich­nis (ersetze „ihr-projekt“ durch deinen Ord­ner­na­men):

cd ~/ihr-projekt
bash

Falls du noch kein Ver­zeich­nis hast, erstelle eines mit mkdir:

mkdir ihr-projekt
cd ihr-projekt
bash

Hole dir jetzt mit yarn set die Version Yarn Berry:

$ yarn set version berry
bash

Die ak­tu­ells­te Version von Yarn Berry wird nun geladen. Diese wird im Pro­jekt­ord­ner unter .yarn/releases abgelegt, zudem wird die Kon­fi­gu­ra­ti­ons­da­tei .yarnrc.yml erstellt. Die Ausgabe sieht etwa so aus:

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

Prüfe die Version zur Si­cher­heit erneut:

$ yarn --version
bash

Bei korrekter In­stal­la­ti­on erscheint folgende Meldung (die Nummer kann abweichen):

3.0.0
bash

Wichtige Befehle für den Pa­ket­ma­na­ger

Nachdem Yarn in­stal­liert ist, kannst du direkt loslegen. Damit du effizient arbeiten kannst, haben wir dir die wich­tigs­ten Kommandos hier zu­sam­men­ge­fasst.

Neues Projekt starten

Mit init legst du ein frisches Projekt inklusive aller be­nö­tig­ten Ba­sis­da­tei­en an:

yarn init
bash

Ab­hän­gig­kei­ten verwalten

Möchtest du in einem be­stehen­den Projekt alle Ab­hän­gig­kei­ten fixieren, hilft dir dieser Befehl:

yarn install
bash

Um neue Ab­hän­gig­kei­ten hin­zu­zu­fü­gen, nutzt du add. Ersetze dabei „paketname“ durch das ge­wünsch­te Paket:

yarn add paketname
bash

Optimale Kon­fi­gu­ra­ti­on für .gitignore

Alle Daten landen im Ordner .yarn. Manche davon müssen nicht in die Ver­si­ons­ver­wal­tung. Nutze dafür dieses Setup in deiner .gitignore-Datei:

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

Support und Infos

Brauchst du Details oder Hilfe zu Yarn, ist --help die erste Wahl:

$ yarn --help
bash

Für Hilfe zu einem spe­zi­el­len Befehl kom­bi­nierst du diesen einfach mit --help, wie hier am Beispiel von yarn install:

$ yarn install --help
bash

Gibt es Al­ter­na­ti­ven zu Yarn?

Yarn ist eine ex­zel­len­te Wahl für sicheres Code-Sharing. Es gibt jedoch weitere Tools, die ebenfalls einen Blick wert sind.

npm

Wenig über­ra­schend ist npm (Node Package Manager) der Klassiker für Node.js-Um­ge­bun­gen. Die Hand­ha­bung ist simpel, schnell und bietet Zugriff auf eine Registry mit über 1,3 Millionen Paketen. Auch für unsere Yarn-Anleitung haben wir npm als Basis genutzt.

pnpm

pnpm ist ein ef­fi­zi­en­ter Open-Source-Manager für Ja­va­Script. Er ähnelt npm, arbeitet aber mit Symlinks. Dadurch werden iden­ti­sche Pakete nicht mehrfach lokal ge­spei­chert, was Spei­cher­platz spart und pnpm zu einem starken Yarn-Kon­kur­ren­ten macht.

Bower

Bower ist auf die cli­ent­sei­ti­ge Web­ent­wick­lung spe­zia­li­siert und damit ideal für das Frontend. Neben Ja­va­Script verwaltet Bower auch HTML und CSS. Die Steuerung erfolgt un­kom­pli­ziert über die Node.js-Kom­man­do­zei­le.

Zum Hauptmenü