Freigeben über

Installieren Sie Vue.js im Windows Subsystem für Linux

Ein Leitfaden zum Einrichten einer Vue.js-Entwicklungsumgebung auf Windows durch die Installation des Vue.js-Webframeworks im Windows-Subsystem für Linux (WSL). Erfahren Sie mehr auf der Vue.js-Übersichtsseite.

Vue kann direkt unter Windows oder unter WSL installiert werden. Es wird in der Regel empfohlen, WSL zu installieren, wenn Sie beabsichtigen, mit einem NodeJS-Back-End zu interagieren, eine Parität mit einem Linux-Produktionsserver zu erhalten oder ein Lernprogramm zu befolgen, das Bash-Befehle verwendet. Sie können auch Vite als Alternative zu Vue.jsin Betracht ziehen.

Voraussetzungen

  • Installieren Sie das Windows-Subsystem für Linux (WSL), einschließlich einer Linux-Distribution (z. B. Ubuntu), und stellen Sie sicher, dass es im WSL 2-Modus ausgeführt wird. Sie können dies überprüfen, indem Sie PowerShell öffnen und Folgendes eingeben: wsl -l -v
  • Install Node.js auf WSL 2: Dies umfasst einen Versionsmanager, Paketmanager, Visual Studio Code und die Erweiterung für Remote-Entwicklung. Der Node Package Manager (npm) wird verwendet, um Vue.jszu installieren.

Von Bedeutung

Wenn Sie eine Linux-Distribution mit WSL installieren, wird ein Verzeichnis zum Speichern von Dateien erstellt: \\wsl\Ubuntu-20.04 (Ersetzen Sie Ubuntu-20.04 durch die Linux-Distribution, die Sie verwenden). Um dieses Verzeichnis im Windows-Datei-Explorer zu öffnen, öffnen Sie Ihre WSL-Befehlszeile, wählen Sie Ihr Startverzeichnis mithilfe von cd ~aus und geben Sie dann den Befehl explorer.exe . ein. Achten Sie darauf, keine Dateien zu installieren oder zu speichern, mit denen Sie auf dem bereitgestellten C-Laufwerk (/mnt/c/Users/yourname$) arbeiten werden. Dadurch werden die Installations- und Bauzeiten deutlich verlangsamt.

Installiere Vue.js

So installieren Sie Vue.js auf WSL:

  1. Öffnen Sie eine WSL-Kommandozeile (d. h. Ubuntu).

  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.

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