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

Ez az útmutató bemutatja, hogyan állíthat be egy React fejlesztői környezetet közvetlenül Windows rendszeren a Vite előtérbeli eszközkészletével.

Ezeket az utasításokat akkor javasoljuk, ha még nem használja a Reactt, vagy olyan projektet készít, amely nem igényel Linux-környezetet. Ha a Bash-eszközök széles körű használatát tervezi, vagy linuxos kiszolgálón szeretné üzembe helyezni, fontolja meg a React WSL-re való telepítését .

A React hátteréről és a különböző forgatókönyvekről – webalkalmazásokról, mobilalkalmazásokról (React Native) és natív asztali alkalmazásokról (React Native for Desktop) – a React áttekintésében olvashat.

Előfeltételek

  • Node.js: A Vite és az npm futtatásához szükséges. Telepítés nvm-windows használatával az egyszerű verziókezelés érdekében.

A React-alkalmazás létrehozása

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

  2. Hozzon létre egy új projektmappát, és lépjen be abba.

    mkdir ReactProjects
cd ReactProjects

  3. Hozzon létre egy új React-alkalmazást a Vite használatával:

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

    A Vite létrehoz egy új React-projektet a my-react-app mappában.

  4. Lépjen az új alkalmazásmappába, és telepítse a függőségeket:

    cd my-react-app
npm install

  5. Indítsa el a helyi fejlesztési kiszolgálót:

    npm run dev

    Az alkalmazás a következő címen http://localhost:5173lesz elérhető: . Állítsa le a kiszolgálót a Ctrl+C billentyűkombinációval .

  6. Ha készen áll a telepítésre, készítse el egy éles csomagot:

    npm run build

    A kimenet a dist mappába kerül. Lásd: Statikus webhely üzembe helyezése üzemeltetési lehetőségekhez.

Megjegyzés:

A Vite ideális egyoldalas alkalmazásokhoz (SPA-khoz). Ha kiszolgálóoldali renderelésre vagy Node.js háttérrendszerre van szüksége, fontolja meg inkább aNext.js . A statikus webhely létrehozásához lásd a Gatsbyt.

További erőforrások

  • Last updated on