Freigeben über

Installiere Vue.js direkt unter Windows

Ein Leitfaden zum Einrichten einer Vue.js-Entwicklungsumgebung auf Windows. Erfahren Sie mehr auf der Vue.js-Übersichtsseite.

Vue kann direkt unter Windows oder im Windows-Subsystem für Linux (WSL) installiert werden. Wir empfehlen im Allgemeinen, Vue auf WSL zu installieren, wenn Sie beabsichtigen, mit einem NodeJS-Backend zu interagieren, eine Übereinstimmung mit einem Linux-Produktionsserver schaffen möchten oder einem Tutorial folgen möchten, das Bash-Befehle verwendet. Sie können auch Vite als Alternative zu Vue.jsin Betracht ziehen.

Voraussetzungen

  • Installieren Node.js unter Windows: Dies umfasst einen Versionsmanager, Paketmanager und Visual Studio Code. Der Node Package Manager (npm) wird verwendet, um Vue.jszu installieren.

Installiere Vue.js

So installieren Sie Vue.js:

  1. Öffnen Sie eine Befehlszeile (dh. Windows-Eingabeaufforderung oder PowerShell).

  2. Erstellen Sie einen neuen Projektordner: mkdir VueProjects und geben Sie dieses Verzeichnis ein: cd VueProjects.

  3. Installieren Sie Vue.js mit dem Node Package Manager (npm):

npm install vue

Überprüfen Sie die Versionsnummer, die Sie installiert haben, indem Sie den Befehl vue --versionverwenden.

Hinweis

Informationen zum Installieren von Vue.js mithilfe eines CDN anstelle von NPM finden Sie in der Vue.js Installationsdokumentation. Eine Erläuterung verschiedener Vue-Buildsfinden Sie in den Vue-Dokumenten .

Installieren von Vue CLI

Vue CLI ist ein Toolkit für die Arbeit mit Vue in Ihrem Terminal / Befehlszeile. Sie können schnell ein Gerüst für ein neues Projekt erstellen (vue create), neue Ideen prototypisieren (vue serve) oder Projekte mithilfe einer grafischen Benutzeroberfläche (vue ui) verwalten. Vue CLI ist ein global installiertes npm-Paket, das einige der Buildkomplexitäten (z. B. die Verwendung von Babel oder Webpack) für Sie behandelt. Wenn Sie keine neue Einzelseiten-App erstellen, benötigen Sie möglicherweise keine Vue CLI.

Verwenden Sie npm, um Vue CLI zu installieren. Sie müssen die -g-Flag verwenden, um global zu installieren und dadurch ein Upgrade durchzuführen (vue upgrade --next):

npm install -g @vue/cli

Um mehr über zusätzliche Plug-Ins zu erfahren, die hinzugefügt werden können (wie etwa Linting oder Apollo zur Integration von GraphQL), besuchen Sie die Vue CLI Plugins in den Vue CLI-Dokumenten.

Weitere Ressourcen

  • Last updated on