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

Подробное руководство по установке, настройке и оптимизации React для linux ubuntu 20.04

Введение

React - популярная JavaScript-библиотека для создания пользовательских интерфейсов. В этом руководстве мы установим React на Ubuntu 20.04 LTS, настроим рабочее окружение и создадим первый тестовый проект.

Требования

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

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

Установка

Подготовка

Обновите систему:

sudo apt update && sudo apt upgrade -y

Установите curl:

1sudo apt install curl -y

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

1. Установите Node.js и npm через nvm:

1curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash
2export NVM_DIR="$HOME/.nvm"
3[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
4nvm install --lts

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

1node -v && npm -v

3. Установите Create React App:

1npm install -g create-react-app

Настройка

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

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

Запустите сервер разработки:

1npm start

При успешной настройке откроется браузер с адресом http://localhost:3000

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

Ошибка: EACCES permissions Используйте:

1sudo chown -R $USER:$GROUP ~/.npm

Ошибка: Command not found (create-react-app) Переустановите пакет:

1npm uninstall -g create-react-app
2npm install -g create-react-app

Заключение

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

Команды

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

sudo apt update && sudo apt upgrade -y

Установка Node.js через nvm

1curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash

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

1npx create-react-app my-app

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

Ошибка доступа при установке глобальных пакетов

Изменить права доступа к каталогу npm

1sudo chown -R $USER:$GROUP ~/.npm

Устаревшая версия Node.js

Обновите nvm и установите последнюю LTS-версию

1nvm install --lts