Vue.js telepítése Linux windowsos alrendszerre

Útmutató egy Vue.js fejlesztési környezet beállításához a Linux windowsos alrendszerén (WSL). A hátteret a Vue.js áttekintésében tekintheti meg.

A Vue közvetlenül telepíthető Windows-ra vagy a WSL-re. A WSL használata akkor ajánlott, ha Node.js háttérrendszert tervez használni, linuxos kiszolgálókon helyezi üzembe, vagy Bash-parancsokat használó oktatóanyagokat követ.

Előfeltételek

Fontos

A projektfájlokat a WSL fájlrendszerben (például ~/projects), ne a csatlakoztatott Windows-meghajtón (/mnt/c/) tárolja. A fájlrendszer határán végzett munka jelentősen lelassítja a telepítési és létrehozási időt.

Vue-projekt létrehozása

Az új Vue 3 projekt indításának ajánlott módja a npm create vue@latest, amely a create-vue-t használó hivatalos Vite-alapú sablon eszköz:

  1. Nyissa meg a WSL-terminált (pl. Ubuntu).

  2. Lépjen a projektek könyvtárába:

    mkdir -p ~/projects
    cd ~/projects
    
  3. Hozzon létre egy új Vue-projektet:

    npm create vue@latest
    

    A telepítő kéri, hogy nevezze el a projektet, és válasszon választható funkciókat (TypeScript, JSX-támogatás, Vue Útválasztó, Pinia állapotkezelés, Vitest, ESLint).

  4. Lépjen a projektmappába, telepítse a függőségeket, és indítsa el a fejlesztői kiszolgálót:

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

    Az alkalmazás a következő címen http://localhost:5173lesz elérhető: .

További erőforrások