如何在 Ubuntu 上安装 ReactJS

React（也称为 ReactJS）由 Facebook 于 2011 年开发，是一个用于创建快速交互式用户界面的 Javascript 库。在撰写本文时，它是用于开发用户界面的最流行的 Javascript 库。 React 在功能和流行度方面击败了它的同行 - Angular 和 Vue JS。

它的流行源于其灵活性和简单性，这使其成为移动应用程序和 Web 应用程序开发的首选。超过 90,000 网站使用 React，其中包括 Facebook、Netflix、Instagram 等科技巨头>、Airbnb 和 Twitter 等。

在本文中，您将了解如何在 Ubuntu 20.04 和 Ubuntu 18.04 上安装 ReactJS。

第1步：在Ubuntu中安装NPM

我们通过安装npm开始安装React JS——节点包管理器的缩写，有两件事。首先，它是一个用于与 Javascript 包交互的命令行工具，允许用户安装、更新和管理 Javascript 工具和库。

其次，npm 是一个在线开源软件注册表，托管超过 800,000 个 Node.JS 包。 Npm 是免费的，您可以轻松下载公开可用的软件应用程序。

要在 Ubuntu Linux 上安装 npm，请以 sudo 用户身份登录服务器并调用以下命令：

sudo apt install npm

安装完成后，您可以使用以下命令验证安装的npm版本：

npm --version

6.14.4  [Output]

在撰写本文时，输出中捕获的最新版本是 v6.14.4。

安装npm也会安装node.js，您可以使用以下命令确认安装的node版本：

node --version

v10.16.0  [Output]

第2步：安装create-react-app实用程序

create-react-app 是一个实用程序，可让您设置创建 React 应用程序所需的所有工具。它可以为您节省大量的时间和精力，让您从头开始设置一切，并为您提供所需的领先优势。

要安装该工具，请运行以下 npm 命令：

sudo npm -g install create-react-app

安装后，您可以通过运行以下命令来确认安装的版本：

create-react-app --version

4.0.1  [Output]

第 3 步：创建并启动您的第一个 React 应用程序

创建 React 应用程序非常简单明了。我们将创建一个名为 howtoing-app 的 React 应用程序，如下所示。

create-react-app tecmint-app

安装应用程序所需的所有软件包、库和工具大约需要 5 分钟。一些耐心会派上用场。

如果应用程序创建成功，您将收到下面的通知，其中提供了可以运行以开始管理应用程序的基本命令。

要运行应用程序，请导航到 app 目录

cd tecmint-app

然后运行命令：

npm start

您最终将得到下面的输出，显示如何在浏览器上访问该应用程序。

启动浏览器并浏览服务器的 IP 地址

http://server-ip:3000

这表明默认的 React 应用程序已启动并正在运行。在本指南中，我们成功安装了 React JS 并在 React 中创建了一个应用程序。