Leitfaden für Node.js-, NPM- und Vue.js-Befehle
In diesem Artikel können Sie die wichtigsten Befehle für Node.js, NPM und Vue.js erlernen und leicht verstehen, wofür sie verwendet werden.
Node.js-Befehle
Die grundlegenden Befehle, die Sie bei der Arbeit mit Node.js verwenden werden, sind folgende:
| Befehl | Beschreibung |
|---|---|
| node -v | Zeigt die Node.js-Version an. |
| node [datei.js] | Führt die angegebene JS-Datei aus. |
| node | Öffnet REPL (interaktive Umgebung) im Terminal. |
NPM Grundlegende Befehle
NPM (Node Package Manager) wird für die Paketverwaltung in Node.js-Projekten verwendet. Hier sind die grundlegenden Befehle:
| Befehl | Beschreibung |
|---|---|
| npm -v | Zeigt die NPM-Version an. |
| npm init | Startet ein neues Projekt und erstellt die package.json. |
| npm init -y | Erstellt die package.json mit Standardeinstellungen. |
| npm install [paket] | Installiert das angegebene Paket. |
| npm install -D [paket] | Installiert als Entwicklungsabhängigkeit. |
| npm uninstall [paket] | Entfernt das Paket aus dem Projekt. |
| npm update | Aktualisiert alle Abhängigkeiten. |
| npm list --depth=0 | Listet die installierten Hauptabhängigkeiten auf. |
| npm outdated | Zeigt Pakete an, die aktualisiert werden müssen. |
| npm start | Führt das "start"-Skript aus. |
| npm run [befehl] | Führt definierte benutzerdefinierte Skripte aus. |
| npm restart | Führt das restart-Skript in der package.json aus. Wenn dieses Skript nicht definiert ist, werden nacheinander die stop- und start-Skripte ausgeführt. Es kann auch Lifecycle-Hooks wie prerestart und postrestart ausführen. |
| npm ci | Führt eine saubere Installation durch (basierend auf package-lock.json). |
| npm rebuild | Kompiliert native Module neu. |
| npm cache clean --force | Leert den NPM-Cache. |
| npm config list | Listet die NPM-Konfigurationen auf. |
| npm doctor | Scannt die NPM- und Node.js-Umgebung und sucht nach möglichen Konfigurations- und Systemproblemen. |
| npm help | Zeigt Hilfe zu Befehlen an. |
| npm install -g [paket] | Installiert das Paket global. |
| npx [befehl] | Führt vorübergehend Pakete innerhalb des Projekts oder aus dem Internet heruntergeladene Pakete aus. |
Erweiterte NPM-Befehle
Hier sind einige erweiterte NPM-Befehle, die Sie für die fortgeschrittene Paketverwaltung verwenden können:
| Befehl | Beschreibung |
|---|---|
| npm access | Verwaltet Paket-Zugriffsberechtigungen. |
| npm login | Meldet an oder erstellt einen Benutzer. |
| npm audit | Scannt nach Sicherheitslücken. |
| npm audit fix | Behebt Sicherheitslücken automatisch. |
| npm bin | Zeigt das Verzeichnis ausführbarer Dateien an. |
| npm bugs <paket> | Zeigt Fehlerberichte des Pakets an. |
| npm completion | Bietet Autovervollständigungsunterstützung für npm-Befehle im Terminal. |
| npm dedupe | Entfernt doppelte Abhängigkeiten. |
| npm deprecate | Erklärt Pakete als veraltet (deprecate). |
| npm diff | Zeigt den Unterschied zwischen zwei Paketen an. |
| npm dist-tag | Verwaltet Paket-Tags. |
| npm docs <paket> | Öffnet die Paketdokumentation. |
| npm edit | Öffnet das Paket zum Bearbeiten. |
| npm explore <paket> | Erkundet das Paketverzeichnis. |
| npm fund | Zeigt Finanzierungsinformationen für Abhängigkeiten an. |
| npm hook | Verwaltet Webhook-Vorgänge. |
| npm link | Erstellt einen symbolischen Link für die lokale Entwicklung. |
| npm pack | Erstellt eine Paket-Archivdatei (.tgz). |
| npm ping | Testet die Registry-Verbindung. |
| npm prefix | Zeigt das Projekt-Stammverzeichnis an. |
| npm profile | Verwaltet das Benutzerprofil. |
| npm prune | Entfernt unnötige Pakete. |
| npm publish | Veröffentlicht das Paket. |
| npm root | Zeigt das node_modules-Verzeichnis an. |
| npm search <schlüsselwort> | Sucht nach einem Paket. |
| npm view <paket> | Zeigt Paketinformationen an. |
| npm whoami | Zeigt den angemeldeten Benutzer an. |
Vue.js- / Vite-Befehle
Sie können die folgenden Befehle verwenden, um schnell ein Projekt mit Vue.js und Vite zu starten und zu entwickeln:
| Befehl | Beschreibung |
|---|---|
| npm create vue@latest | Erstellt ein neues Vue 3-Projekt (Vite-basiert). |
| npx create-vue@latest | Alternativer Befehl zur Erstellung eines Vue-Projekts. |
| npm install -g @vue/cli | Installiert die Vue CLI global. |
| vue create [projektname] | Startet ein neues Projekt mit der Vue CLI. |
| vue ui | Öffnet die grafische Benutzeroberfläche für die Vue CLI. |
| npm run dev | Startet das Vue-Projekt im Entwicklungsmodus. |
| npm run build | Erstellt die Produktionsversion. |
| npm run preview | Zeigt eine Vorschau des Produktions-Builds an. |
| npm run lint | Führt eine Code-Überprüfung (Linting) durch. |
| npm install vue-router | Fügt ein Routing-System hinzu. |
| npm install pinia | Fügt eine State-Management-Bibliothek hinzu. |
| npm install axios | Fügt Axios für API-Anfragen hinzu. |
| npm install bootstrap | Fügt das Bootstrap-CSS-Framework hinzu. |
| npm install @vitejs/plugin-vue | Installiert das Vue-Plugin für Vite. |
| npm run serve | Startet die Anwendung in älteren Vue CLI-Projekten. |
| npx vite | Führt das Vite-Projekt aus. |