Installieren von Vue.js direkt unter Windows

  • Artikel

Eine Anleitung zum Einrichten einer Vue.js Entwicklungsumgebung unter Windows. Weitere Informationen finden Sie auf der Seite Übersicht über Vue.js.

Vue kann direkt unter Windows oder auf dem Windows-Subsystem für Linux (WSL) installiert werden. Im Allgemeinen wird die Installation von Vue unter WSL empfohlen, wenn Sie die Interaktion mit einem NodeJS-Back-End planen, Parität mit einem Linux-Produktionsserver wünschen oder ein Tutorial mit Bash-Befehlen nachvollziehen möchten. Möglicherweise ziehen Sie Vite als Alternative zu Vue.js in Betracht.

Voraussetzungen

  • Installieren von Node.js unter Windows: Dies umfasst einen Versions-Manager, einen Paket-Manager und Visual Studio Code. Der Node-Paket-Manager (NPM) wird zum Installieren von Vue.js verwendet.

Installieren von Vue.js

Installieren von Vue.js:

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

  2. Erstellen Sie mit mkdir VueProjects einen neuen Projektordner, und wechseln Sie mit cd VueProjects in das Verzeichnis.

  3. Installieren Sie Vue.js mithilfe des Node-Paket-Managers (NPM):

npm install vue

Überprüfen Sie die Versionsnummer, die Sie installiert haben, mithilfe des Befehls vue --version.

Hinweis

Informationen zum installieren Vue.js mithilfe eines CDN anstelle von NPM finden Sie in derVue.js Installationsdokumentation. Eine Erläuterung verschiedener Vue-Builds finden Sie in der Vue-Dokumentation.

Installieren der Vue CLI

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

Verwenden Sie den NPM, um die Vue CLI zu installieren. Sie müssen das -g-Kennzeichen verwenden, um global zu installieren, um ein Upgrade durchzuführen (vue upgrade --next):

npm install -g @vue/cli

Weitere Informationen zu zusätzlichen Plug-Ins, die hinzugefügt werden können (z. B. Linting oder Apollo für die Integration von GraphQL), finden Sie unter Vue CLI-Plug-Ins in der Vue CLI-Dokumentation.

Zusätzliche Ressourcen