如何在 Ubuntu 20.04 上安装 ReactJS

React 是一个开源 JavaScript 库，用于创建 Web 前端和 UI 组件。 它由 Facebook 和大型开发人员社区开发和维护。 这对于创建移动应用程序也很有用。

在本教程中，您将学习在 Ubuntu Linux 系统上安装和创建 React 应用程序。

先决条件

您必须有一个可以访问控制台的正在运行的 Ubuntu 20.04 系统。

第 1 步 – 安装 Node.js

创建和运行 React.js 应用程序需要 Node.js。 以下步骤将在您的 Ubuntu 系统上安装 Node.js 14。

1. 将 Node.js 14（当前稳定版本）PPA 添加到您的 Ubuntu 系统

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

2. 接下来，运行以下命令将 Node.js 安装到您的系统：

   sudo apt install nodejs -y  

3. 最后，检查 Node.js 的当前活动版本

   node -v   v14.15.3 

4. 还要安装 Yarn 系统上的包管理器。

   npm install -g yarn  

第 2 步 – 创建一个新的 React 应用程序

您可以使用以下命令之一创建 React.js 应用程序。

yarn create react-app myreactapp  

除了纱线，您还可以使用 npx (npx create-react-app myreactapp） 或者 高于海平面 (npm init react-app myreactapp) 命令来创建 React.js 应用程序。

成功创建应用程序后，您将在屏幕上看到很长的结果。 最后，您将通过一些有用的命令找到如下结果。

第 3 步 – 启动 React 应用程序

一旦你创建了你的 React 应用程序。 这将在当前目录中创建一个具有项目名称的文件夹。 切换到该项目并运行 yarn start 开始申请。

cd myreactapp  yarn start  

输出：

  Compiled successfully!  You can now view myreactapp in the browser.    Local:            https://localhost:3000   On Your Network:  https://192.168.10.200:3000  Note that the development build is not optimized. To create a production build, use yarn build. 

默认的 react 应用程序在端口 3000 上启动。使用 3000 端口和系统 IP 地址访问你的 React 应用程序。 对于本地机器，使用“localhost”后跟端口。