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

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

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

Мы рекомендуем эти инструкции, если вы не знакомы с React или создайте проект, который не нуждается в среде Linux. Если вы планируете использовать средства Bash широко или развертывать на сервере Linux, рассмотрите возможность установки React в WSL .

Общие сведения об React и различных сценариях— веб-приложениях, мобильных приложениях (React Native) и собственных классических приложениях (React Native для рабочего стола) см. в обзоре React.

Необходимые условия

  • Node.js: требуется для запуска Vite и npm. Установите с помощью nvm-windows для простого управления версиями.

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

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

  2. Создайте папку проекта и введите ее:

    mkdir ReactProjects
cd ReactProjects

  3. Создайте новое приложение React с помощью Vite:

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

    Vite создаст шаблон нового проекта React в папке my-react-app .

  4. Перейдите в новую папку приложения и установите зависимости:

    cd my-react-app
npm install

  5. Запустите локальный сервер разработки:

    npm run dev

    Ваше приложение будет доступно по адресу http://localhost:5173. Нажмите клавиши CTRL+C , чтобы остановить сервер.

  6. Когда вы будете готовы к развертыванию, создайте рабочий пакет:

    npm run build

    Выходные данные помещаются в папку dist . См. статью "Развертывание статического сайта" для вариантов хостинга.

Примечание.

Vite идеально подходит для одностраничных приложений (SPA). Если вам нужен серверный рендеринг или бэкенд на Node.js, рассмотрите Next.js. Сведения о создании статических сайтов см. в разделе Gatsby.

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

  • Last updated on