Installera Vue.js direkt i Windows

En guide för att konfigurera en Vue.js utvecklingsmiljö i Windows. Bakgrund finns i översikten överVue.js.

Vue kan installeras direkt i Windows eller i Windows-undersystemet för Linux (WSL). Om du planerar att interagera med en Node.js backend, distribuera till Linux-servrar eller följa handledningar som använder Bash-kommandon, kan du i stället installera Vue på WSL.

Förutsättningar

• Installera Node.js i Windows: Detta inkluderar en versionshanterare, pakethanterare och Visual Studio Code.

Skapa ett Vue-projekt

Det rekommenderade sättet att starta ett nytt Vue 3-projekt är npm create vue@latest, som använder create-vue – det officiella Vite-baserade byggnadsställningsverktyget:

1. Öppna PowerShell eller Windows-kommandotolken.

2. Gå till projektkatalogen:

   cd C:\Users\YourName\Projects
   

3. Skapa ett nytt Vue-projekt:

   npm create vue@latest
   

   Installationsprogrammet uppmanar dig att namnge projektet och välja valfria funktioner (TypeScript, JSX-stöd, Vue Router, Pinia-tillståndshantering, Vitest, ESLint).

4. Navigera till projektmappen, installera beroenden och starta utvecklingsservern:

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

   Appen kommer att vara tillgänglig på http://localhost:5173.

Ytterligare resurser

• Vue-dokument
• Vue.js översikt
• Installera Vue.js på WSL
• Börja på din lärandestig med Vue.js
• Självstudiekurs om Vue med VS Code