Erkunden Sie Angular 18, ohne bestehende Projekte zu unterbrechen

Ich habe kürzlich an einem Angular 17-Projekt gearbeitet und verspürte den Drang, die aufregenden neuen Funktionen von Angular 18 zu erkunden. Ich wollte dies jedoch auf eine Weise tun, die keine Auswirkungen auf meine bestehenden Projekte hatte, die bereits in Produktion waren oder QS-Phasen. Das stellte eine kleine Herausforderung dar:

• Global Angular 17: Ich hatte Angular CLI Version 17 global installiert.
• Angular 18-Anforderung: Node.js Version 18.19 oder höher war eine Voraussetzung für Angular 18.
• Bestehende Projekte erhalten: Ich musste meine bestehenden Angular 17-Projekte unberührt lassen.

Node Version Manager (NVM) nutzen:

Um dieses Problem anzugehen, habe ich beschlossen, einen Node Version Manager (NVM) zu nutzen. Mit NVM können Sie mehrere Node.js-Versionen auf Ihrem System verwalten und so für verschiedene Projekte problemlos zwischen ihnen wechseln. So habe ich es eingerichtet:

1. NVM installieren: Sie können den Anweisungen auf der offiziellen NVM-Website folgen, um es hier herunterzuladen und zu installieren.

2. Installieren Sie Node.js 18: Sobald NVM installiert ist, habe ich den Befehl verwendet
   

nvm install latest 

Dadurch wurde die neueste Node.js-Version installiert (damals 22.4.1).

Erstellen einer separaten Entwicklungsumgebung:

Als nächstes habe ich ein separates Verzeichnis für meine Angular 18-Übungsprojekte erstellt. Dies hilft dabei, die Umgebung von meinen bestehenden Projekten zu isolieren.

Angular 18 lokal installieren:

Um Angular 18 für dieses spezielle Projekt zu installieren, habe ich den folgenden Befehl verwendet:

npm install @angular/cli@latest 

Beachten Sie das Fehlen von -g. Dadurch wird die neueste Angular-CLI-Version (damals 18.1.0) lokal im Projektverzeichnis installiert, ohne dass sich dies auf die globale Installation auswirkt.

Überraschung! Noch nicht ganz da:

Als ich versuchte, ein neues Projekt mit ng new practice-project zu erstellen, wurde standardmäßig die global installierte Angular CLI-Version (17) verwendet. Hier kommt die Magie von npx ins Spiel.

Wir stellen Node Package Executor (npx) vor:

npx können Sie Pakete von npm ausführen, ohne sie global zu installieren. Dies erwies sich als der Schlüssel zur Verwendung der spezifischen Angular CLI-Version (18) für mein neues Projekt. Hier ist der Gewinnerbefehl:

npx @angular/cli@18 new my-angular-18-project

Ich überprüfe das Projekt, indem ich ng version ausführe

Erfolg! Angular 18 erkunden:

Nachdem ich auf die Installation der notwendigen Abhängigkeiten gewartet hatte, hatte ich ein brandneues Angular 18-Projekt (mein-Angular-18-Projekt) startklar! Dadurch konnte ich alle neuen Funktionen von Angular 18 erkunden, einschließlich der spannenden @let-Syntax, ohne meine bestehenden Angular 17-Projekte zu beeinträchtigen.