Megosztás:

Vue.js telepítése Linux windowsos alrendszerre

Útmutató egy Vue.js fejlesztési környezet windowsos beállításához a Vue.js webes keretrendszer linuxos windowsos alrendszerére (WSL) való telepítésével. Tudjon meg többet a Vue.js áttekintő oldalon.

A Vue közvetlenül telepíthető Windows-ra vagy a WSL-re. Általában azt javasoljuk, hogy telepítse a WSL-t, ha NodeJS-háttérrendszert szeretne használni, paritást szeretne létesíteni egy Linux-alapú éles kiszolgálóval, vagy ha egy Bash-parancsokat használó oktatóanyagot szeretne követni. Érdemes lehet a Vite-et is Vue.jsalternatívaként tekinteni.

Előfeltételek

  • Telepítse a Linuxhoz készült Windows-alrendszert (WSL), beleértve a Linux-disztribúciót (például az Ubuntu-t), és győződjön meg arról, hogy wSL 2 módban fut. Ezt a PowerShell megnyitásával és a következő beírással ellenőrizheti: wsl -l -v
  • Telepítse a Node.js-et a WSL 2-re: Ez magában foglalja a verziókezelőt, a csomagkezelőt, a Visual Studio Code-ot és a távoli fejlesztési bővítményt. A Node Package Manager (npm) a Vue.jstelepítéséhez használható.

Fontos

A Linux-disztribúció WSL-vel való telepítése létrehoz egy könyvtárat a fájlok tárolásához: \\wsl\Ubuntu-20.04 (cserélje le az Ubuntu-20.04-et a használt Linux-disztribúcióra). Ha meg szeretné nyitni ezt a könyvtárat a Windows Fájlkezelőben, nyissa meg a WSL-parancssort, válassza ki a kezdőkönyvtárat a használatával cd ~, majd írja be a parancsot explorer.exe . Ügyeljen arra, hogy ne telepítse vagy tárolja a csatlakoztatott C meghajtón (/mnt/c/Users/yourname$). Ez jelentősen lelassítja a telepítési és buildelési időt.

Vue.js telepítése

Vue.js telepítése WSL-n:

  1. Nyisson meg egy WSL-parancssort (azaz. Ubuntu).

  2. Hozzon létre egy új projektmappát: mkdir VueProjects, és adja meg a következő könyvtárat: cd VueProjects.

  3. Telepítse Vue.js a Node Package Manager (npm) használatával:

npm install vue

Ellenőrizze a telepített verziószámot a következő paranccsal: vue --version.

Megjegyzés:

A Vue.js az NPM helyett CDN használatával történő telepítéséhez tekintse meg a Vue.js telepítési dokumentációt.

A Vue parancssori felület telepítése

A Vue CLI egy eszközkészlet a Vue-val való munkához a terminálban/ parancssorban. Lehetővé teszi egy új projekt (vue létrehozás), új ötletek prototípusának (vue serve) gyors összeállítását vagy projektek kezelését grafikus felhasználói felülettel (vue ui). A Vue CLI egy globálisan telepített npm-csomag, amely kezeli a build összetettségeinek egy részét (például a Babel vagy a Webpack használatát). Ha nem új egyoldalas alkalmazást készít, előfordulhat, hogy nincs szüksége vagy szüksége van a Vue parancssori felületre.

A Vue CLI telepítéséhez használja az npm-et. A -g jelzőt kell használnia globális telepítés céljából a frissítéshez (vue upgrade --next).

npm install -g @vue/cli

Ha többet szeretne megtudni a bővíthető további beépülő modulokról (például a lintingről vagy az Apollóról a GraphQL integrálásához), látogasson el Vue CLI beépülő modulokat a Vue CLI-dokumentációban.

További erőforrások

  • Last updated on