Installera Vue.js i Windows-undersystem för Linux

En guide för att konfigurera en Vue.js utvecklingsmiljö i Windows Undersystem för Linux (WSL). Bakgrund finns i översikten överVue.js.

Vue kan installeras direkt på Windows eller på WSL. WSL rekommenderas om du planerar att interagera med en Node.js-backend, distribuera till Linux-servrar eller följa handledningar som använder Bash-kommandon.

Förutsättningar

• Installera Windows Undersystem för Linux (WSL) inklusive en Linux-distribution (t.ex. Ubuntu) som körs i WSL 2-läge. Verifiera med: wsl -l -v
• Installera Node.js på WSL 2: Detta inkluderar en versionshanterare, pakethanterare, Visual Studio Code och tillägget Fjärrutveckling.

Viktigt!

Lagra dina projektfiler i WSL-filsystemet (t.ex. ~/projects), inte på den monterade Windows-enheten (/mnt/c/). Att arbeta över filsystemgränsen gör installationen och byggtiden avsevärt långsammare.

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 WSL-terminalen (t.ex. Ubuntu).

2. Gå till projektkatalogen:

   mkdir -p ~/projects
   cd ~/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 i Windows
• Ta dina första steg med Vue.js utbildningsväg
• Självstudiekurs om Vue med VS Code