Sdílet prostřednictvím

Instalace Reactu přímo ve Windows

Tato příručka vás provede nastavením vývojového prostředí Reactu přímo ve Windows pomocí nástrojů Vite front-end.

Tyto pokyny doporučujeme, pokud s Reactem začínáte nebo vytváříte projekt, který nepotřebuje linuxové prostředí. Pokud máte v úmyslu používat nástroje Bash ve velkém rozsahu nebo nasadit na linuxový server, zvažte místo toho instalaci Reactu na WSL .

Základní informace o Reactu a různých scénářích – webové aplikace, mobilní aplikace (React Native) a nativní desktopové aplikace (React Native for Desktop) – najdete v přehledu Reactu.

Předpoklady

  • Node.js: Vyžaduje se ke spuštění Vite a npm. Nainstalujte pomocí nvm-windows pro snadnou správu verzí.

Vytvoření aplikace React

  1. Otevřete terminál (příkazový řádek Windows nebo PowerShell).

  2. Vytvořte novou složku projektu a zadejte ji:

    mkdir ReactProjects
cd ReactProjects

  3. Vytvořte novou aplikaci React pomocí Vite:

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

    Vite vygeneruje nový projekt React ve složce my-react-app.

  4. Přejděte do nové složky aplikace a nainstalujte závislosti:

    cd my-react-app
npm install

  5. Spusťte místní vývojový server:

    npm run dev

    Vaše aplikace bude k dispozici na adrese http://localhost:5173. K zastavení serveru použijte kombinaci kláves Ctrl+C .

  6. Až budete připraveni k nasazení, vytvořte produkční sadu:

    npm run build

    Výstup se umístí do dist složky. Informace o možnostech hostování najdete v tématu Nasazení statického webu .

Poznámka:

Vite je ideální pro jednostrákové aplikace (SPA). Pokud potřebujete vykreslování na straně serveru nebo backend Node.js, zvažte místo toho Next.js. Informace o generování statického webu najdete v tématu Gatsby.

Dodatečné zdroje

  • Last updated on