Vue.js installeren in het Windows-subsysteem voor Linux

Een handleiding voor het instellen van een Vue.js ontwikkelomgeving in Windows Subsystem for Linux (WSL). Zie het overzicht van deVue.js voor achtergrondinformatie.

Vue kan rechtstreeks in Windows of op WSL worden geïnstalleerd. WSL wordt aanbevolen als u van plan bent om te communiceren met een Node.js back-end, te implementeren op Linux-servers of zelfstudies te volgen die gebruikmaken van Bash-opdrachten.

Vereiste voorwaarden

• Installeer het Windows-subsysteem voor Linux (WSL), inclusief een Linux-distributie (zoals Ubuntu) die wordt uitgevoerd in de WSL 2-modus. Verifieer met: wsl -l -v.
• Installeer Node.js op WSL 2: dit omvat een versiebeheer, pakketbeheer, Visual Studio Code en de extensie Voor externe ontwikkeling.

Belangrijk

Sla uw projectbestanden op in het WSL-bestandssysteem (bijvoorbeeld ~/projects), niet op het gekoppelde Windows-station (/mnt/c/). Het werken binnen de grenzen van het bestandssysteem vertraagt de installatie- en buildtijden aanzienlijk.

Een Vue-project maken

De aanbevolen manier om een nieuw Vue 3-project te starten is npm create vue@latest, waarbij de tool create-vue wordt gebruikt — het officiële, op Vite gebaseerde hulpmiddel:

1. Open uw WSL-terminal (bijvoorbeeld Ubuntu).

2. Navigeer naar de projectmap:

   mkdir -p ~/projects
   cd ~/projects
   

3. Maak een nieuw Vue-project:

   npm create vue@latest
   

   Het installatieprogramma vraagt u om uw project een naam te geven en optionele functies te kiezen (TypeScript, JSX-ondersteuning, Vue Router, Pinia-statusbeheer, Vitest, ESLint).

4. Navigeer naar de projectmap, installeer afhankelijkheden en start de dev-server:

   cd <your-project-name>
   npm install
   npm run dev
   

   Uw app is beschikbaar op http://localhost:5173.

Aanvullende bronnen

• Vue-documenten
• Vue.js overzicht
• Vue.js installeren in Windows
• Voer uw eerste stappen uit met Vue.js leertraject
• Vue-zelfstudie met VS Code