Как запустить React-приложение (код квиза по подбору ароматов), если пользователь не знаком с инструментами разработки?
Если вы получили готовый код React-приложения (например, квиз по подбору ароматов), но никогда не работали с инструментами разработки, не стоит пугаться. Следуйте этой пошаговой инструкции, и вы запустите приложение самостоятельно.
**Шаг 1: Установите Node.js**
Node.js — это среда, которая позволяет запускать JavaScript-код на вашем компьютере. Перейдите на сайт https://nodejs.org и скачайте версию с пометкой LTS (рекомендуемая для большинства пользователей). Установите её, следуя стандартным подсказкам установщика (просто нажимайте «Далее»). После установки Node.js у вас автоматически появится и npm — менеджер пакетов.
**Шаг 2: Проверьте установку**
Откройте командную строку (Windows: нажмите Win+R, введите cmd, нажмите Enter; Mac/Linux: откройте Terminal). Введите команду `node -v` и нажмите Enter. Если в ответ появилась версия (например, v18.17.0) — всё установлено правильно.
**Шаг 3: Разместите файлы проекта**
Если вам передали архив с кодом — распакуйте его в удобную папку, например на Рабочий стол. Если код находится в папке — просто запомните её расположение.
**Шаг 4: Перейдите в папку проекта через командную строку**
В командной строке введите `cd путь/к/папке`. Например: `cd C:UsersВаше_имяDesktoparoma-quiz`. На Mac это может выглядеть так: `cd ~/Desktop/aroma-quiz`.
**Шаг 5: Установите зависимости проекта**
Введите команду `npm install` и нажмите Enter. Это может занять 1–3 минуты. npm автоматически скачает все необходимые библиотеки, которые нужны для работы React-приложения.
**Шаг 6: Запустите приложение**
После завершения установки введите команду `npm start` и нажмите Enter. Через несколько секунд в браузере автоматически откроется страница по адресу http://localhost:3000 — это и есть ваш квиз по подбору ароматов.
**Что делать, если что-то пошло не так?**
— Если появляется ошибка «node не является внутренней командой» — перезагрузите компьютер после установки Node.js.
— Если ошибка при `npm install` — убедитесь, что вы находитесь именно в папке проекта, где есть файл `package.json`.
— Если порт 3000 занят — React предложит использовать другой порт, просто нажмите Y.
**Альтернативный способ: онлайн-сервисы**
Если устанавливать ничего не хочется, загрузите код на сервис CodeSandbox (codesandbox.io) или StackBlitz (stackblitz.com). Там React-приложение запустится прямо в браузере без установки каких-либо программ.