Vue.js rechtstreeks installeren in Windows

Een handleiding voor het instellen van een Vue.js ontwikkelomgeving in Windows. Zie het overzicht van deVue.js voor achtergrondinformatie.

Vue kan rechtstreeks in Windows of in het Windows-subsysteem voor Linux (WSL) worden geïnstalleerd. Als u van plan bent om te communiceren met een Node.js back-end, implementeert u op Linux-servers of volgt u zelfstudies die gebruikmaken van Bash-opdrachten, kunt u in plaats daarvan Vue installeren op WSL .

Vereiste voorwaarden

• Installeer Node.js op Windows: dit omvat een versiebeheer, pakketbeheer en Visual Studio Code.

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 PowerShell of de Windows-opdrachtprompt.

2. Navigeer naar de projectmap:

   cd C:\Users\YourName\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 op WSL-
• uw eerste stappen uitvoeren met Vue.js leertraject
• Vue-zelfstudie met VS Code