Yarn Install: So richten Sie den Pa­ket­ma­na­ger für Ja­va­Script ein

Um Yarn zu in­stal­lie­ren, müssen Sie zunächst die Voll­ver­si­on und dann eine einzelne Pro­jekt­ver­si­on ein­rich­ten. Im Anschluss können Sie den Pa­ket­ma­na­ger nach Ihren Vor­stel­lun­gen kon­fi­gu­rie­ren.

Yarn Install: Schritt für Schritt

Der Ja­va­Script-Pa­ket­ma­na­ger Yarn wurde für Node.js ent­wi­ckelt und hat sich seit seiner Erst­ver­öf­fent­li­chung 2016 zu einer der be­lieb­tes­ten Optionen in seinem Segment gemausert. Da die Ein­rich­tung und die ersten Schritte nicht immer ganz einfach sind, liefern wir Ihnen hier eine aus­führ­li­che Schritt-für-Schritt-Anleitung zur In­stal­la­ti­on von Yarn. Node.js selbst sollten Sie bereits ein­ge­rich­tet haben.

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

Es gibt nur wenige Vor­aus­set­zun­gen, die Sie für die In­stal­la­ti­on von Yarn erfüllen müssen. Neben Node.js sollten Sie für die Ein­rich­tung auch eine Linux-Dis­tri­bu­ti­on wie Ubuntu als Be­triebs­sys­tem auf­ge­setzt haben. Sie benötigen außerdem den Pa­ket­ma­na­ger npm und einen Account mit sudo-Pri­vi­le­gi­en. Falls Sie sich unsicher sind, ob sich Node.js auf Ihrem System befindet, können Sie dies mit dem folgenden Befehl über­prü­fen:

$ node -v

So wird Ihnen angezeigt, welche Version auf Ihrem System vorhanden ist. Erhalten Sie eine Be­stä­ti­gung, kann die In­stal­la­ti­on von Yarn beginnen.

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

Für den Yarn Install müssen Sie im Prinzip zwei Versionen des Pa­ket­ma­na­gers ein­rich­ten. Im ersten Schritt down­loa­den Sie die Voll­ver­si­on des Programms. So können Sie si­cher­stel­len, dass für sämtliche Ar­beits­schrit­te und Team­mit­glie­der die gleiche Version genutzt wird. Das minimiert die Feh­ler­an­fäl­lig­keit. Für die In­stal­la­ti­on der Voll­ver­si­on nutzen Sie am besten den Pa­ket­ma­na­ger npm. Der ent­spre­chen­de Befehl sieht aus wie folgt:

$ sudo npm install -g yarn

Fragen Sie danach die Ver­si­ons­num­mer ab, um si­cher­zu­ge­hen, dass Sie die neuesten Pakete erhalten haben. Dies ist der Befehl:

$ yarn --version

Yarn lokal in­stal­lie­ren

An­schlie­ßend richten Sie Yarn für ein be­stimm­tes Ja­va­Script-Projekt ein. Rufen Sie hierfür zunächst das Ver­zeich­nis Ihres Projekts auf. Ersetzen Sie dafür den Platz­hal­ter „ihr-projekt“ mit dem tat­säch­li­chen Pro­jekt­na­men. Dies ist der Befehl:

cd ~/ihr-projekt

Sollten Sie noch keinen Pro­jekt­ord­ner haben, erstellen Sie ihn mithilfe von mkdir:

mkdir ihr-projekt
cd ihr-projekt

Nutzen Sie nun den Befehl yarn set, um die Version Yarn Berry abzurufen:

$ yarn set version berry

Insofern verfügbar, wird die neueste Version von Yarn Berry her­un­ter­ge­la­den. Speichern Sie diese in einem Pro­jekt­ord­ner mit dem Namen .yarn/releases und legen Sie eine Kon­fi­gu­ra­ti­ons­da­tei mit dem Namen .yarnrc.yml an. Dies ist in etwa die passende Ausgabe:

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!

Führen Sie erneut eine Über­prü­fung der Version durch:

$ yarn --version

Wurde Yarn Berry richtig in­stal­liert, erhalten Sie die folgende Ausgabe (Ver­si­ons­num­mer variiert je nach aktueller Version):

3.0.0

Die wich­tigs­ten Befehle für den Pa­ket­ma­na­ger

Nach dem Yarn Install können Sie mit dem Pa­ket­ma­na­ger loslegen. Ein Blick auf die grund­sätz­li­chen Befehle lohnt sich, damit Sie den Pa­ket­ma­na­ger ziel­füh­rend einsetzen können. Die wich­tigs­ten Kommandos stellen wir Ihnen in den nach­fol­gen­den Ab­schnit­ten kurz vor.

Ein neues Projekt beginnen

Um ein neues Projekt zu starten, nutzen Sie den Befehl init. Dieser erstellt das neue Projekt und alle Dateien, die Sie dafür benötigen:

yarn init

Ab­hän­gig­kei­ten speichern und erstellen

Haben Sie bereits ein Projekt und möchten nun sämtliche Ab­hän­gig­kei­ten dort hin­ter­le­gen, nutzen Sie den Befehl yarn install:

yarn install

Um neue Ab­hän­gig­kei­ten zu erstellen, ist add die richtige Wahl Ersetzen Sie im folgenden Code den Platz­hal­ter „paketname“ mit dem tat­säch­li­chen Namen des ge­wünsch­ten Pakets:

yarn add paketname

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

Sämtliche Dateien werden im .yarn-Ordner in Ihrem Projekt ge­spei­chert. Einige dieser Dateien können Sie dabei au­ßen­vor­las­sen. Nutzen Sie dafür die folgende Kon­fi­gu­ra­ti­on für Ihre .gitignore-Datei:

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

Hilfe und wei­ter­füh­ren­de In­for­ma­tio­nen

Wenn Sie Hilfe oder wei­ter­füh­ren­de In­for­ma­tio­nen nach der In­stal­la­ti­on von Yarn benötigen, ist --help die beste An­lauf­stel­le:

$ yarn --help

Benötigen Sie Hilfe für einen be­stimm­ten Befehl, kom­bi­nie­ren Sie diesen einfach mit --help. Fol­gen­der­ma­ßen funk­tio­niert dieses Prinzip zum Beispiel für yarn install:

$ yarn install --help

Welche Al­ter­na­ti­ven gibt es zu Yarn?

Yarn ist eine sehr emp­feh­lens­wer­te Lösung, wenn Sie Code teilen oder sicher nutzen möchten. Trotzdem gibt es auch starke Al­ter­na­ti­ven, die Sie anstelle von Yarn in­stal­lie­ren und verwenden können.

npm

Wenig über­ra­schend ist npm (Node Package Manager) für die Arbeit mit der Lauf­zeit­um­ge­bung eine Über­le­gung wert. Die Nutzung ist sehr einfach, schnell und sicher und perfekt auf Node.js ab­ge­stimmt. Die Lösung bietet eine Registry mit über 1,3 Millionen Paketen sowie die Schnitt­stel­le CLI. Auch im Rahmen dieser Anleitung für den Yarn Install haben wir auf die Dienste von npm zu­rück­ge­grif­fen.

pnpm

Auch pnpm ist ein Open-Source-Pa­ket­ma­na­ger, der perfekt für die Arbeit mit Ja­va­Script geeignet ist. Der Aufbau ähnelt npm, nutzt al­ler­dings Symlinks und ver­zich­tet darauf, iden­ti­sche Pakete mehrfach lokal zu in­stal­lie­ren. Die Lösung wurde ent­wi­ckelt, um eine noch ef­fi­zi­en­te­re Al­ter­na­ti­ve zu npm anbieten zu können, weshalb sie auch als Yarn-Ersatz in­ter­es­sant ist.

Bower

Die dritte Al­ter­na­ti­ve ist Bower, ein freier Pa­ket­ma­na­ger für cli­ent­sei­ti­ge Web­ent­wick­lung, der daher für die Arbeit im Frontend optimiert wurde. Dafür steht auch eine große Auswahl an Paketen zur Verfügung. Neben Ja­va­Script kann der Manager auch mit anderen Kom­po­nen­ten wie HTML und CSS arbeiten. Die Nutzung ist sehr einfach und funk­tio­niert über eine Node.js-Kom­man­do­zei­le.