Udostępnij za pośrednictwem

Instalowanie oprogramowania React bezpośrednio w systemie Windows

Ten przewodnik przeprowadzi Cię przez proces instalowania oprogramowania React bezpośrednio w systemie Windows przy użyciu narzędzi frontonu vite .

Zalecamy wykonanie tych instrukcji, jeśli dopiero zaczynasz korzystać z platformy React i chcesz się uczyć. Jeśli tworzysz jednostronicową aplikację (SPA), z którą chcesz używać poleceń lub narzędzi Bash i/lub którą planujesz wdrożyć na serwerze z systemem Linux, zalecamy zainstalowanie za pomocą vite w podsystemie Windows dla systemu Linux (WSL).

Aby uzyskać więcej ogólnych informacji na temat platformy React, podejmowania decyzji dotyczących platformy React (aplikacji internetowych), React Native (aplikacji mobilnych) i React Native for Desktop (aplikacji klasycznych), zobacz Omówienie platformy React.

Tworzenie aplikacji React

Aby zainstalować aplikację React:

  1. Otwórz terminal (wiersz polecenia systemu Windows lub program PowerShell).

  2. Utwórz nowy folder projektu: mkdir ReactProjects i wprowadź ten katalog: cd ReactProjects.

  3. Zainstaluj platformę React przy użyciu narzędzia vite :

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

  4. Po zainstalowaniu przejdź do katalogu nowej aplikacji ("my-react-app" lub cokolwiek innego, jak ją nazwałeś): cd my-react-app zainstaluj zależności: npm install a następnie uruchom lokalny serwer deweloperski: npm run dev

    To polecenie spowoduje uruchomienie serwera Node.js i uruchomienie nowego okna przeglądarki z wyświetloną aplikacją. Możesz użyć Ctrl + c , aby zatrzymać uruchamianie aplikacji React w wierszu polecenia.

Uwaga / Notatka

Aplikacja Vite zawiera potok kompilacji frontendowej przy użyciu Babel, esbuild i Rollup, ale nie obsługuje logiki zaplecza ani baz danych. Jeśli chcesz utworzyć witrynę internetową renderowaną na serwerze z platformą React korzystającą z zaplecza Node.js, zalecamy zainstalowanie Next.js, a nie tej instalacji vite, która jest przeznaczona bardziej dla aplikacji jednostronicowych (SPA). Jeśli chcesz utworzyć statyczną witrynę internetową zorientowaną na treść, warto również rozważyć zainstalowanie Gatsby.

  1. Gdy wszystko będzie gotowe do wdrożenia aplikacji internetowej w środowisku produkcyjnym, uruchom polecenie npm run build w celu utworzenia kompilacji aplikacji w folderze "dist". Więcej informacji można dowiedzieć się w temacie Wdrażanie witryny statycznej.

Dodatkowe zasoby