如何在 Ubuntu 20.04 上安裝 React

在本文中，我們將解釋如何在 Ubuntu 20.04 上安裝 React。

React 是一個開源的前端 JavaScript 庫，用於構建用戶界面或 UI 組件。它由 Facebook 和一個由個人開發者和公司組成的社區維護。

本文將指導您完成安裝過程和部署 React 站點。

先決條件

• 安裝了 Ubuntu 20.04 的專用服務器或 KVM VPS。
• 具有 sudo 管理員權限的 root 用戶或普通用戶。

在 Ubuntu 20.04 上安裝 React

第 1 步 - 使服務器保持最新

# apt update -y && apt upgrade -y

第 2 步 - 安裝 NodeJS 和 NPM

安裝最新的穩定版 NodeJS。

# curl -sL https://deb.nodesource.com/setup_15.x | sudo -E bash -

# apt-get install -y nodejs

驗證安裝是否成功。

# node -v && npm -v

輸出：

v15.9.0
7.5.4

第 3 步 - 安裝 create react 應用程序

在本文中，我們將使用 create-react-app 工具。它是最簡單和最好的工具，具有預先構建的生產級配置。它是學習 React 的舒適環境，也是開始在 React 中構建新單頁應用程序的最佳方式。

# npm install -g create-react-app

驗證安裝：

# create-react-app --version

輸出：

4.0.2

第 4 步 - 部署 React 應用程序

使用以下命令創建反應應用程序：

# npx create-react-app my-app

啟動開發服務器

安裝 React 應用程序後，轉到項目的根目錄並使用以下命令啟動開發服務器：

# cd my-app

# npm start

您現在可以在瀏覽器中查看 my-app。

Local: http://localhost:3000
On Your Network: http://192.168.0.102:3000

建造

將應用程序捆綁到用於生產的靜態文件中。運行以下命令：

# npm run build

就是這樣。安裝已成功完成。

在本文中，我們已經看到瞭如何在 Ubuntu 20.04 上安裝 React。