Einrichtung einer Entwicklungsumgebung
Package Manager helfen uns dabei, eine Entwicklungsumgebung bereitzustellen. So installierst du sie.
Für einfache, statische Websites wird nur ein Webserver wie Apache oder Nginx benötigt, um diese im Browser anzuzeigen. Für die Entwicklung von modernen Websites mit komplexen Anwendungen, Bibliotheken und Abhängigkeiten werden jedoch Laufzeitumgebungen wie Node.js und Package Manager wie npm, yarn oder pnpm benötigt.
Package Manager werden über die Kommandozeile, bei macOS und Linux über das Terminal sowie bei Windows über die PowerShell verwendet. Wenn du noch nie mit der Kommandozeile gearbeitet hast, lies dir unbedingt die Einführung durch.
Fangen wir mit der Installation von Node.js an.
Node.js
Node.js ist die Basis für die Installation von npm, yarn oder pnpm, die wir später noch benötigen werden. Es ist eine Laufzeitumgebung, die es ermöglicht, JavaScript-Code außerhalb des Browsers auszuführen. Node.js wird für die Entwicklung von Serveranwendungen, aber auch für die Entwicklung von Webanwendungen und Tools verwendet.
Die Installation ist je nach Betriebssystem unterschiedlich.
Die einfachste Möglichkeit, Node.js für macOS zu installieren, ist über Homebrew, einem Paketmanager für macOS. Wenn du den eingerichtet hast, führe zur Installation von Node.js folgenden Befehl in der Kommandozeile aus:
brew install nodeAlternativ kannst du Node.js auch manuell installieren. Lade dir dazu den Node.js-Installer in der LTS-Version (Long Term Support) herunter und führe die Installation durch.
Richte als Nächstes bitte Corepack ein. Um auf Nummer Sicher zu gehen, kannst du die Installation auch überprüfen und dann hierher zurückkehren.
Die einfachste Möglichkeit, Node.js für Windows zu installieren, ist über das Installationspaket. Lade dir jetzt Node.js in der LTS-Version (Long Term Support) von der offiziellen Node.js-Website herunter und installiere es.
Während der Installation sind ein paar Dinge zu beachten: Lasse die folgende Vorauswahl unverändert und klicke auf Next.
Wähle im folgenden Dialog die Checkbox aus, um weitere Tools wie Chocolatey zu installieren, und klicke auf Next. Diese können bei manchen Anwendungen hilfreich sein.
Nach der erfolgreichen Installation öffnet sich das Terminal zur Installation der zuvor ausgewählten Tools. Starte die Installation durch Drücken einer beliebigen Taste.
Ausführung von Scripten erlauben
Windows blockiert standardmäßig das Ausführen von Skripten in der PowerShell. Um das zu ändern, öffne die PowerShell als Administrator und führe den folgenden Befehl aus:
Set-ExecutionPolicy RemoteSigned -Scope CurrentUserRichte als Nächstes bitte Corepack ein. Um auf Nummer Sicher zu gehen, kannst du die Installation auch überprüfen und dann hierher zurückkehren.
Corepack
Viele EntwicklerInnen installieren Package Manager wie npm, yarn oder pnpm einmal auf ihrem System und steuern damit alle Projekte. Das kann schnell zu Inkompatibilitäten führen, insbesondere wenn du aktuelle und ältere Projekte gleichzeitig betreust. Im schlimmsten Fall kannst du nach dem Update des Package Managers oder deines Betriebssystems ein Projekt nicht mehr starten.
Hier kommt das mit Node.js mitgelieferte Corepack ins Spiel. Es fungiert als Vermittler zwischen deinem Projekt und dem Package Manager, sodass du Projekte unabhängig voneinander betreiben kannst. Corepack ermöglicht es dir, den Package Manager und dessen Version auf Projektbasis festzulegen.
Wenn du Node.js installiert hast, ist auch Corepack bereits installiert. Aktiviere es mit dem folgenden Befehl:
corepack enableCorepack erstellt daraufhin sogenannte „Shims“ für die unterstützten Paketmanager. Shims sind kleine Scripte, die den für dein Projekt festgelegten Package Manager in der festgelegten Version automatisch herunterladen, sollte dieser nicht vorliegen.
Installiere dir bitte als nächstes Git. Um auf Nummer Sicher zu gehen, kannst du die Installation auch überprüfen und dann hierher zurückkehren.
Git
Git ist ein Versionskontrollsystem, das verwendet wird, um Änderungen an Codeprojekten zu verfolgen, Zusammenarbeit zwischen verschiedenen EntwicklerInnen zu ermöglichen und verschiedene Versionen des Codes zu verwalten. Es wird aber auch dazu genutzt, um Softwarepakete und Bibliotheken von Repositorys zu installieren. Und genau das werden wir in Zukunft häufiger tun.
Auch hier unterscheidet sich die Installationen je nach Betriebssystem.
Git kann auf mehreren Wegen installiert werden. Die wohl einfachste Methode ist über Homebrew. Führe dazu den folgenden Befehl in der Kommandozeile aus:
brew install gitAlternativ kann Git auch über die von Apple bereitgestellten Developer Tools installiert werden, was allerdings ziemlich viel Zeit in Anspruch nehmen wird. Führe dazu den folgenden Befehl in der Kommandozeile aus:
xcode-select --installUnd falls alle Stricke reißen, kannst du Git auch manuell installieren. Lade dir dazu den Git-Installer herunter und führe die Installation durch.
Ähnlich wie unter macOS gibt es auch für Windows mehrere Möglichkeiten, Git zu installieren. Die einfachste Methode unter Windows ist die über Chocolatey, das du zuvor über die Installation von Node.js bereits installiert hast. Führe zur Installation von Git mit dem folgenden Befehl in der PowerShell aus:
choco install gitAlternativ kannst du Git auch manuell installieren. Lade dir Git von der offiziellen Git-Website herunter und installiere es.
Wenn du gefragt wirst, welcher Standard-Editor verwendet werden soll, wähle Use Visual Studio Code as Git's default editor aus, sofern du Visual Studio Code zuvor bereits installiert hast. Wähle bei „Adjusting the name of initial branch“ die Option Override the default branch name for new repositories. Alles andere kannst du so lassen, wie vorgeschlagen.
Nun kannst du mit dem Starterkit eine Website erstellen. Überprüfe, falls notwendig, die Installation und kehre dann hierher zurück.