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

Ein Leitfaden zum Einrichten einer Vue.js Entwicklungsumgebung unter Windows-Subsystem für Linux (WSL). Hintergrundinformationen finden Sie in der übersicht überVue.js.

Vue kann direkt unter Windows oder unter WSL installiert werden. WSL wird empfohlen, wenn Sie beabsichtigen, mit einem Node.js Back-End zu interagieren, auf Linux-Servern bereitzustellen oder Lernprogramme zu befolgen, die Bash-Befehle verwenden.

Voraussetzungen

Installieren Sie das Windows-Subsystem für Linux (WSL), einschließlich einer Linux-Verteilung (z. B. Ubuntu), die im WSL 2-Modus ausgeführt wird. Führen Sie mit wsl -l -v eine Überprüfung durch.
Install Node.js auf WSL 2: Dies umfasst einen Versionsmanager, Paketmanager, Visual Studio Code und die Erweiterung für Remote-Entwicklung.

Von Bedeutung

Speichern Sie Ihre Projektdateien im WSL-Dateisystem (z. B. ~/projects), nicht auf dem bereitgestellten Windows-Laufwerk (/mnt/c/). Die Arbeit über die Dateisystemgrenze verlangsamt die Installation und Erstellungszeit erheblich.

Erstellen eines Vue-Projekts

Die empfohlene Methode zum Starten eines neuen Vue 3-Projekts ist npm create vue@latest, das create-vue verwendet - das offizielle Vite-basierte Gerüsterstellungstool:

Öffnen Sie Ihr WSL-Terminal (z. B. Ubuntu).
Navigieren Sie zu Ihrem Projektverzeichnis:
```
mkdir -p ~/projects
cd ~/projects
```
Erstellen Eines neuen Vue-Projekts:
```
npm create vue@latest
```
Das Installationsprogramm fordert Sie auf, Ihr Projekt zu benennen und optionale Features auszuwählen (TypeScript, JSX-Unterstützung, Vue Router, Pinia State Management, Vitest, ESLint).
Navigieren Sie in den Projektordner, installieren Sie Abhängigkeiten, und starten Sie den Entwicklungsserver:
```
cd <your-project-name>
npm install
npm run dev
```
Ihre App steht bereit unter http://localhost:5173.

Weitere Ressourcen

Feedback

War diese Seite hilfreich?

Last updated on 2026-03-24