So konfigurieren Sie die Angular-Entwicklungsumgebung in der Windows-Umgebung

Node.js

---

Installation

Node.js ist direkter zum offiziellen Download von Node.js und folgt den Schritten Installieren Sie es einfach

Sie können es in jedem Verzeichnis installieren, z. B.

D:\nodejs\

Node.js wird mitgeliefert npm, sodass keine Installation erforderlich ist

Öffnen Sie das cmd Terminal und überprüfen Sie mit dem folgenden Befehl, ob die Node.js Installation erfolgreich war:

node -v
npm -v

Wenn die Versionsnummer angezeigt wird, bedeutet dies, dass die Node.jsInstallation erfolgreich war

Konfigurieren

Präfix und Cache konfigurieren

Verwenden Sie den folgenden Befehl, um die Konfiguration von npm

npm config ls

Sie können sehen, dass npm das ursprünglich platziert hat heruntergeladene Abhängigkeitspakete und Cache im Laufwerk C, was offensichtlich unangemessen ist Ja, aber Sie können diese beiden Verzeichnisse konfigurieren

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

Umgebungsvariablen konfigurieren

Rechtsklick auf „Computer“ -> „Eigenschaften“ –> „Erweiterte Systemeinstellungen“ –> , ändern Sie

, fügen Sie

系统变量NODE_PATHÄndern Sie die NPM-Spiegelquelle hinzu

D:\nodejs\node_global\node_modules\

Da die ursprüngliche Quelle von

aus dem Ausland stammt, kann die Geschwindigkeit etwas langsam sein用户变量pathSie können den Taobao-Spiegel

hier und später konfigurieren

D:\nodejs\node_global\

Der Befehl kann geändert werden in

npmWenn Sie den

-Spiegel von Taobao auswählen, sollten Sie ihn so einrichten Stellen Sie sicher, dass die Tools normal heruntergeladen werden

cnpmnpmTypescriptcnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

Führen Sie den folgenden Befehl aus

cnmp

Überprüfen Sie die Versionsnummer

ng set --global packageManager = cnpm

Angular-cli

---

npm install -g typescript typings

Es ist das offizielle Angular-Framework. Ein Build-Tool, der Kern ist

und

wird als Abhängigkeitspaket verwendet

tsc -v

Führen Sie das aus Mit dem folgenden Befehl

---

Überprüfen Sie die Versionsnummerangular-cliwebpacknpmProjekt erstellen

können Sie einen Arbeitsbereich unter nodejs erstellen

npm install -g @angular-cli

und betreten Sie dann den Arbeitsbereich

ng -v

, um ein neues Projekt zu erstellen

---

Dann starten Sie den Dienst im Ordner

md D:\nodejs\workspace

cd D:\nodejs\workspace

Der Angular-Dienst lauscht standardmäßig auf den Port

. Öffnen Sie den Browser, geben Sie

ng new hello-world

ein oder geben Sie den folgenden Befehl direkt ein. Öffnen Sie den Standardbrowser.hello-world

ng serve

Wenn eine erfolgreiche Seite angezeigt wird, wird sie angezeigt bedeutet, dass alle Konfigurationen erfolgreich sind

4200

Das obige ist der detaillierte Inhalt vonSo konfigurieren Sie die Angular-Entwicklungsumgebung in der Windows-Umgebung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!