Как установить ReactJS на Ubuntu 20.04 LTS

Как установить ReactJS на Ubuntu 20.04 LTS

 

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

В этой статье предполагается, что у вас есть хотя бы базовые знания Linux, вы знаете, как использовать оболочку, и, что наиболее важно, вы размещаете свой сайт на собственном VPS. Установка довольно проста и предполагает, что вы работаете с учетной записью root, в противном случае вам может потребоваться добавить ‘ sudo‘ к командам для получения привилегий root. Я покажу вам пошаговую установку ReactJS на Ubuntu 20.04 (Focal Fossa). Вы можете следовать тем же инструкциям для Ubuntu 18.04, 16.04 и любого другого дистрибутива на основе Debian, например Linux Mint.

Установите ReactJS на Ubuntu 20.04 LTS Focal Fossa

Шаг 1. Во-первых, убедитесь, что все ваши системные пакеты обновлены, выполнив следующие aptкоманды в терминале.

sudo apt update
sudo apt upgrade

Шаг 2. Установка Node.js.

Теперь мы добавляем PPA-репозиторий Node.js в вашу систему Ubuntu:

curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -

Затем выполните следующую команду, чтобы установить Node.js :

sudo apt install nodejs

Вы также можете установить диспетчер пакетов Yarn в своей системе Ubuntu:

npm install -g yarn

Шаг 3. Создайте новое приложение React.js.

Вы можете создать приложение React.js, используя одну из следующих команд:

yarn create react-app myreactapp

При успешном создании приложения вы увидите на экране длинный результат:

Success! Created reactproject at /opt/reactproject
Inside that directory, you can run several commands:

  npm start
    Starts the development server.

  npm run build
    Bundles the app into static files for production.

  npm test
    Starts the test runner.

  npm run eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

  cd reactproject
  npm start

После того, как вы создали свое приложение React. Это создаст папку в текущем каталоге с именем проекта. Переключитесь на этот проект и запустите, yarn startчтобы запустить приложение:

cd myreactapp
yarn start

Выход:

Compiled successfully!

You can now view myreactapp in the browser.

  http://localhost:3000

Note that the development build is not optimized.
To create a production build, use yarn build.

Поздравляю! Вы успешно установили ReactJS. Благодарим вас за использование этого руководства для установки ReactJS в вашей системе Ubuntu 20.04 LTS Focal Fossa. Для получения дополнительной помощи или полезной информации мы рекомендуем вам посетить официальный сайт ReactJS .