Megosztás:

A React telepítése közvetlenül Windows rendszeren

Ez az útmutató végigvezeti a React telepítésén közvetlenül Windows rendszeren a vite előtérbeli eszközkészlet használatával.

Javasoljuk, hogy kövesse ezeket az utasításokat, ha még csak most ismerkedik a React szolgáltatásban, és csak a tanulás érdekli. Ha egyoldalas alkalmazást (SPA) hoz létre, amelyet Bash-parancsokkal vagy eszközökkel szeretne használni, és/vagy linuxos kiszolgálóra szeretné telepíteni, javasoljuk, hogy telepítse a Vite-et a Windows Alrendszer for Linux (WSL) rendszeren.

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.

A React-alkalmazás létrehozása

A Create React App telepítése:

  1. Nyisson meg egy terminált (Windows parancssor vagy PowerShell).

  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