Установка и настройка React на linux ubuntu 23.10

Полное руководство по установке React с использованием Node.js и Create React App на Ubuntu 23.10

Введение

React - популярная JavaScript-библиотека для создания пользовательских интерфейсов. В этом руководстве мы установим React на Ubuntu 23.10, используя официальный инструмент Create React App.

Требования

Для работы потребуется:

• Ubuntu 23.10 с обновленными пакетами
• 2 ГБ свободного места на диске
• Пользователь с правами sudo
• Стабильное интернет-соединение

Установка

Подготовка и установка зависимостей

Подготовка

Перед установкой обновите систему:

sudo apt update && sudo apt upgrade -y

Установите необходимые зависимости:

1sudo apt install -y curl git

Процесс установки

1. Установите Node.js и npm:

1curl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash - && \
2sudo apt install -y nodejs

2. Проверьте установку:

1node --version
2npm --version

3. Установите Create React App глобально:

1sudo npm install -g create-react-app

Настройка

Создайте новый проект React:

1npx create-react-app my-app
2cd my-app

Запустите development сервер:

1npm start

Приложение будет доступно по адресу: http://localhost:3000

Типичные ошибки и их решения

Ошибка: EACCES permissions

Исправление прав доступа:

1sudo chown -R $(whoami) ~/.npm

Ошибка: Node.js устаревшей версии

Переустановите через Nodesource:

1sudo apt purge nodejs -y
2curl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash -
3sudo apt install nodejs -y

Заключение

Вы успешно установили React на Ubuntu 23.10. Для дальнейшего изучения посетите официальную документацию React.

Команды

Обновление пакетов системы

sudo apt update && sudo apt upgrade -y

Установка Node.js

1curl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash - && sudo apt install -y nodejs

Создание нового проекта React

1npx create-react-app my-app

Решение проблем

Ошибка при создании проекта: Command not found

Установите create-react-app глобально или используйте npx

1sudo npm install -g create-react-app

Сервер не запускается на порту 3000

Проверьте запущенные процессы и освободите порт

sudo lsof -i :3000 && kill -9 [PID]