UI-Middleware einrichten
Zum Anpassen und Entwickeln einer Anwendung müssen Sie die Middleware für die Benutzerschnittstelle einrichten.
Hinweis: Stellen Sie bei Anwendungsbuildbefehlen sicher, dass Sie Bash-basierte Terminals installieren. Beispiel: git bash.
Führen Sie die folgenden Schritte aus, um die Middleware für die Benutzerschnittstelle einzurichten:
- Downloaden und installieren Sie Node.Js Version 18.20.0.
- Aktualisieren Sie in der Umgebungsvariablen
PATHdie Datei /path/to/nodejs-18.20.0/bin. - Überprüfen Sie die Knotenversion, indem Sie den folgenden Befehl ausführen:
node -v - Installieren Sie Yarn Version 1.22.5 global, indem Sie den folgenden Befehl ausführen:
npm install --global yarn@1.22.5 - Überprüfen Sie die YARN-Version mit dem folgenden Befehl:
yarn -vHinweis: Wenn unter Windows 10 oder 11 der Fehleryarn: command not found
auftritt, setzen Sie den richtigen Pfad zu Ihren Systemumgebungsvariablen. Öffnen Sie dann Ihr Terminal und führen Sie den folgenden Befehl aus:npm config get prefixDer Befehl gibt den Pfad zurück, in dem
npmIhre global installierten Pakete hinzufügt. Beispiel:C:\Users\Your_User_Name\AppData\Roaming\npm. Kopieren Sie den Pfad von Ihrem Terminal und fügen Sie ihn Ihren Systemumgebungsvariablen hinzu. Starten Sie anschließend das Terminal neu, damit die Änderungen wirksam werden. - Installieren Sie Angular CLI als globales Modul, indem Sie den folgenden Befehl ausführen:
npm install -g @angular/cli@18.2.12 - Installieren Sie Lerna als globales Modul, indem Sie den folgenden Befehl ausführen:
npm install -g lerna@4.0.0 - Optional: Passen Sie die
package.jsonan, um bestimmte Werte für die Projektmetadaten und die abhängigen Metadaten bereitzustellen, indem Sie den folgenden Befehl anpassen:npm initGehen Sie wie folgt vor, um den Befehlnpm initanzupassen:- Ermitteln Sie den Wert von
init-module, indem Sie den folgenden Befehl ausführen:npm config get init-moduleSuchen Sie die Datei
.npm-init.js. - Öffnen Sie die Datei
.npm-init.js, kopieren Sie das folgende Code-Snippet und speichern Sie Ihre Änderungen.module.exports = { name: basename, version: "0.0.1", private: true, scripts: {}, dependencies: {} }Wenn Sie die Datei
.npm-init.jsnicht finden können, erstellen Sie diese Datei, kopieren Sie das Code-Snippet und speichern Sie Ihre Änderungen.Hinweis: Führen Sie den folgenden Befehl aus, um zu überprüfen, ob die Datei.npm-init.jsvorhanden ist:
Die Dateinpm init -ypackage.jsonwird in demselben Verzeichnis generiert, in dem Sie den Befehl mit den Standardwerten ausgeführt haben, die in der Datei.npm-init.jsdefiniert sind.
- Ermitteln Sie den Wert von