Megosztás:

React telepítése a Windows alrendszeren Linuxhoz

Ez az útmutató bemutatja, hogyan telepíthető a React egy Linux-disztribúción (például Ubuntu), amely a Windows Subsystem for Linux (WSL) alatt fut, a vite frontend eszközkészlet használatával.

Javasoljuk, hogy kövesse ezeket az utasításokat, ha egy egyoldalas alkalmazást (SPA) hoz létre, amelyet Bash-parancsokkal vagy eszközökkel szeretne használni linuxos kiszolgálóra vagy Docker-tárolók használatára. Ha teljesen új a Reactben, és csak a tanulás érdekli, érdemes lehet megfontolni a vite-tal való telepítést közvetlenül a Windowson.

A Reactről, a React (webalkalmazások), a React Native (mobilalkalmazások) és a React Native for Desktop (asztali alkalmazások) közötti döntésről a React áttekintésében olvashat bővebben.

Előfeltételek

  • Telepítse a Windows 10 legújabb verzióját (1903-es verzió, 18362-es build+) vagy Windows 11-et
  • 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 a WSL 2-es verziójára: Ezek az utasítások a Node Version Manager (nvm) alkalmazást használják a telepítéshez, a NodeJS legújabb verziójára lesz szüksége a vite futtatásához, valamint a Node Package Manager (npm) legújabb verziójára.

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 a NodeJS-t, és ne 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.

A React telepítése

A teljes React eszközlánc WSL-re való telepítéséhez javasoljuk a vite használatát.

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

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

  3. Telepítse a Reactt a vite használatával:

    npm create vite@latest my-react-app -- --template react

  4. A telepítés után módosítsa a könyvtárakat az új alkalmazásra ("my-react-app" vagy bármi, amit választott a meghíváshoz): cd my-react-apptelepítse a függőségeket, npm install majd indítsa el a helyi fejlesztői kiszolgálót: npm run dev

    Ez a parancs elindítja a Node.js kiszolgálót, és elindít egy új böngészőablakot, amely megjeleníti az alkalmazást. A Ctrl + c billentyűkombinációval leállítja a React alkalmazás futtatását a parancssorban.

Megjegyzés:

A Vite tartalmaz egy előtérbeli buildelési folyamatot a Babel, az esbuild és a Rollup használatával, de nem kezeli a háttérbeli logikát vagy adatbázisokat. Ha egy kiszolgáló által renderelt webhelyet szeretne létrehozni a React használatával, amely egy Node.js háttérrendszert használ, javasoljuk, hogy a Vite-telepítés helyett Next.jstelepítsen , amely inkább egyoldalas alkalmazásokhoz (SPA-khoz) készült. Érdemes lehet megfontolni a Gatsby telepítését is, ha statikus tartalomorientált webhelyet szeretne létrehozni.

  1. Ha készen áll a webalkalmazás éles üzembe helyezésére, futtassa npm run build az alkalmazás buildjének létrehozását a "dist" mappában. További információt a statikus hely üzembe helyezéséről tudhat meg.

További erőforrások

  • Last updated on