So erstellen Sie eine bestimmte Version eines Angular-Projekts, ohne Angular CLI zu installieren

Arbeiten Sie mit Angular und müssen Projekte mit verschiedenen Angular-Versionen einrichten? Hier ist eine einfache Anleitung zum Erstellen von Angular-Projekten für bestimmte Versionen, sowohl mit als auch ohne die Angular-CLI!

Warum bestimmte Angular-Versionen verwenden?

Wenn Sie an mehreren Angular-Projekten arbeiten, müssen Sie manchmal eine bestimmte Version festlegen. Möglicherweise ist Ihr Projekt auf bestimmte Funktionen angewiesen, die nur in bestimmten Versionen verfügbar sind, oder es erfordert Kompatibilität mit älteren Codebasen.

So erstellen Sie Projekte mit bestimmten Angular-Versionen – unabhängig davon, ob Sie die CLI verwenden oder nicht!

1. Erstellen eines Angular-Projekts Ohne Installation der Angular-CLI

Wussten Sie, dass Sie Angular-Projekte für bestimmte Versionen initialisieren können, ohne die CLI zu installieren? Schauen wir uns die Syntax und Beispiele an.

Syntax

npm init @angular@<version> <project-name>

Ersetzen Sie mit Ihrer gewünschten Angular-Version und mit dem Namen Ihres Projekts. Wenn Sie beispielsweise ein Angular 16-Projekt mit dem Namen „sampleApp“ erstellen möchten, führen Sie Folgendes aus:

Beispiel

npm init @angular@16 sampleApp

Dieser Ansatz richtet ein einfaches Angular-Projekt ein, ohne die Angular-CLI global zu installieren. Dies ist praktisch, wenn Sie die Installation zusätzlicher Tools vermeiden möchten oder in einer eingeschränkten Umgebung arbeiten.

Andere Beispiele

• Angular 13-Projekt mit dem Namen LegacyApp:
  

  npm init @angular@13 legacyApp
  

  Nach dem Login kopieren

Dieser Befehl ruft die erforderliche Angular-Version direkt herunter und richtet die Projektstruktur und Abhängigkeiten ein, die für diese Version spezifisch sind.

2. Erstellen einer bestimmten Version eines Angular-Projekts Mit Angular CLI

Wenn Sie die Angular-CLI bevorzugen, können Sie dennoch ein Projekt für eine bestimmte Version erstellen, ohne die CLI dauerhaft zu installieren. Verwenden Sie npx, um die CLI direkt auszuführen und geben Sie dabei Ihre Version an.

Syntax

npx -p @angular/cli@<version> ng new <project-name>

Dieser Befehl verwendet npx, um vorübergehend die angegebene CLI-Version auszuführen und ein auf diese Angular-Version zugeschnittenes Projekt zu erstellen.

Beispiel

npx -p @angular/cli@13 ng new demoApp

Dieser Befehl erstellt ein neues Projekt mit Angular CLI Version 13, auch wenn Sie global eine andere Angular CLI-Version installiert haben.

Vorteile der Verwendung von npx:

• Keine dauerhafte Installation: Die angegebene CLI-Version wird zur einmaligen Verwendung heruntergeladen, wodurch Speicherplatz gespart und mögliche Versionskonflikte vermieden werden.
• Einfaches Wechseln der Versionen: Sie können schnell zwischen Versionen für verschiedene Projekte wechseln, ohne mehrere globale CLI-Installationen verwalten zu müssen.

Wann sollte man sich für CLI- oder Nicht-CLI-Ansätze entscheiden?

Ohne CLI

• Wenn Sie eine minimale Einrichtung wünschen
• Beim Arbeiten in einer eingeschränkten Umgebung ohne globale Angular CLI-Installation

Mit CLI

• Wenn Sie CLI-Befehle und Schemata nutzen müssen
• Beim Einrichten eines voll ausgestatteten Angular-Arbeitsbereichs

Zusammenfassung

Ganz gleich, ob Sie sich für die CLI entscheiden oder nicht, die Flexibilität von Angular mit npm init und npx macht es einfach, Projekte über verschiedene Versionen hinweg zu verwalten. Wenn Sie also das nächste Mal ein bestimmtes Angular-Versionsprojekt starten müssen, wissen Sie genau, wie es geht, ohne sich um CLI-Installationen kümmern zu müssen!

Zusammenfassung der Schnellbefehle

Und das ist es! Ich hoffe, Sie fanden diesen Leitfaden hilfreich für Ihre Angular-Projekte. Kommentieren Sie unten Ihre Fragen oder Tipps zum Arbeiten mit bestimmten Angular-Versionen.

Viel Spaß beim Codieren!

Das obige ist der detaillierte Inhalt vonSo erstellen Sie eine bestimmte Version eines Angular-Projekts, ohne Angular CLI zu installieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!