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 --版本 6.14.4 【输出】
在撰写本文时,最新版本是输出中捕获的v6.14.4 。
npm的安装也会安装Node.js ,您可以使用以下命令确认安装的Node版本:
$ 节点--版本 v10.16.0 [输出]
第2步:安装create-react-app实用程序
create-react-app是一个实用程序,使您能够设置创建React应用程序所需的所有工具。它可以为您节省大量的时间和精力,让您从头开始设置一切,并为您提供所需的领先优势。
要安装该工具,请运行以下npm命令:
$ sudo npm -g 安装 create-react-app
![](https://www.alaica.com/wp-content/uploads/linux-1113.png)
安装后,您可以通过运行以下命令来确认安装的版本:
$ create-react-app --version 4.0.1 【输出】
第 3 步:创建并启动您的第一个 React 应用程序
创建React应用程序非常简单明了。我们将创建一个名为example-app的 React 应用程序,如下所示。
$ create-react-app 示例应用程序
安装应用程序所需的所有软件包、库和工具大约需要 5 分钟。一些耐心会派上用场。
![](https://www.alaica.com/wp-content/uploads/linux-1114.png)
如果应用程序创建成功,您将收到下面的通知,其中提供了可以运行以开始管理应用程序的基本命令。
![](https://www.alaica.com/wp-content/uploads/linux-1115.png)
要运行应用程序,请导航到应用程序目录
$ cd 示例应用程序
然后运行命令:
$ npm 开始
您最终将得到下面的输出,显示如何在浏览器上访问该应用程序。
![](https://www.alaica.com/wp-content/uploads/linux-1116.png)
启动浏览器并浏览服务器的 IP 地址
http://服务器IP:3000
![](https://www.alaica.com/wp-content/uploads/linux-1117.png)
这表明默认的React应用程序已启动并正在运行。在本指南中,我们已经成功安装了React JS并在React中创建了一个应用程序。