Sdílet prostřednictvím

Instalace Reactu přímo ve Windows

Tato příručka vás provede instalací Reactu přímo na Windows pomocí frontendových nástrojů vite.

Pokud s Reactem teprve začínáte a máte jen zájem se učit, doporučujeme postupovat podle těchto pokynů. Pokud vytváříte jednostránkovou aplikaci (SPA), ve které chcete používat příkazy nebo nástroje Bash, a/nebo plánujete její nasazení na linuxový server, doporučujeme instalaci s vite na Windows Subsystem for Linux (WSL).

Další obecné informace o React, rozhodování mezi React (webové aplikace), React Native (mobilní aplikace) a React Native for Desktop (desktopové aplikace) najdete v přehledu React.

Vytvoření aplikace React

Instalace aplikace React:

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

  2. Vytvořte novou složku projektu: mkdir ReactProjects a zadejte tento adresář: cd ReactProjects.

  3. Instalace Reactu pomocí vite:

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

  4. Po instalaci změňte adresáře do nové aplikace (my-react-app nebo cokoli, co jste se rozhodli volat): cd my-react-app, nainstalujte závislosti: npm install a spusťte místní vývojový server: npm run dev

    Tento příkaz spustí Node.js server a spustí nové okno prohlížeče zobrazující vaši aplikaci. K zastavení spuštění aplikace React na příkazovém řádku můžete použít Ctrl+c.

Poznámka:

Vite zahrnuje frontendovou sestavu pomocí Babel, esbuild a Rollup, ale nezpracovává backendovou logiku ani databáze. Pokud se snažíte vytvořit serverově vykreslený web s Reactem, který používá back-end Node.js, doporučujeme instalaci Next.jsmísto této instalace Vite, která je určená pro jednostránkové aplikace (SPA). Můžete také zvážit instalaci Gatsby, pokud chcete vytvořit statický web orientovaný na obsah.

  1. Až budete připraveni nasadit webovou aplikaci do produkčního prostředí, spuštěním npm run build vytvoříte sestavení aplikace ve složce Dist. Další informace najdete v Nasazení statického webu.

Dodatečné zdroje

  • Last updated on