Instalace Vue.js v subsystému Windows pro Linux

Průvodce nastavením vývojového prostředí Vue.js v subsystému Windows pro Linux (WSL). Podrobnosti najdete v přehledu Vue.js.

Vue je možné nainstalovat přímo na Windows nebo na WSL. WSL se doporučuje, pokud plánujete pracovat s back-endem Node.js, nasazovat na servery s Linuxem nebo postupovat podle kurzů, které používají příkazy Bash.

Požadavky

Důležité

Uložte soubory projektu do systému souborů WSL (např ~/projects. ), ne na připojené jednotce Windows (/mnt/c/). Práce v rámci hranice systému souborů výrazně zpomalí dobu instalace a sestavení.

Vytvoření projektu Vue

Doporučeným způsobem zahájení nového projektu Vue 3 je npm create vue@latest, který používá create-vue — oficiální nástroj pro vytváření základů projektu založený na Vite.

  1. Otevřete terminál WSL (např. Ubuntu).

  2. Přejděte do adresáře projektů:

    mkdir -p ~/projects
    cd ~/projects
    
  3. Vytvořte nový projekt Vue:

    npm create vue@latest
    

    Instalační program vás vyzve k pojmenování projektu a zvolení volitelných funkcí (Podpora TypeScriptu, JSX, Směrovač Vue, Správa stavu Pinia, Vitest, ESLint).

  4. Přejděte do složky projektu, nainstalujte závislosti a spusťte vývojový server:

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

    Vaše aplikace bude k dispozici na adrese http://localhost:5173.

Dodatečné zdroje