Поделиться через

Установка React напрямую в Windows

  • Статья

В этом руководстве описывается установка React непосредственно в Windows с помощью интерфейсного средства vite .

Мы рекомендуем следовать этим инструкциям, если вы не знакомы с React. Если вы создаете одностраничное приложение (SPA), которое вы хотите использовать команды или средства Bash с сервером Linux, рекомендуется установить с vite на подсистема Windows для Linux (WSL).

Дополнительные сведения об React, выбор между React (веб-приложениями), React Native (мобильными приложениями) и React Native для настольных приложений см. в обзоре React.

Создание приложения React

Чтобы установить приложение Create React, выполните приведенные действия.

  1. Откройте окно терминала (командная строка Windows или PowerShell).

  2. Создайте новую папку проекта mkdir ReactProjects и войдите в этот каталог: cd ReactProjects.

  3. Установка React с помощью vite:

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

  4. После установки измените каталоги в новое приложение (my-react-app или любое, что вы выбрали для вызова): cd my-react-appустановите зависимости: npm install и запустите локальный сервер разработки: npm run dev

    Эта команда запустит сервер Node.js и откроет новое окно браузера с приложением. Вы можете использовать клавиши CTRL+С, чтобы прерывать выполнение приложения React в командной строке.

Примечание.

Vite включает конвейер интерфейсной сборки с помощью Babel, esbuild и Rollup, но не обрабатывает логику серверной части или базы данных. Если вы хотите создать серверный веб-сайт с помощью React, использующего серверную часть Node.js, рекомендуется установить Next.js, а не эту установку Vite, которая предназначена для одностраничных приложений (SPAs). Вы также можете установить Gatsby, если хотите создать статический веб-сайт, ориентированный на содержимое.

  1. Когда вы будете готовы развернуть веб-приложение в рабочей среде, выполните запуск npm run build для создания сборки приложения в папке Dist. Дополнительные сведения см. в разделе "Развертывание статического сайта".

Дополнительные ресурсы