React是一種流行的JavaScript庫，用于構(gòu)建用戶界面。本文將介紹如何在Linux系統(tǒng)（Ubuntu 18.04）上進(jìn)行React的初次安裝和啟動。 Step 1: 官網(wǎng)下載React 首

React是一種流行的JavaScript庫，用于構(gòu)建用戶界面。本文將介紹如何在Linux系統(tǒng)（Ubuntu 18.04）上進(jìn)行React的初次安裝和啟動。

Step 1: 官網(wǎng)下載React

首先，你需要訪問React的中文官網(wǎng)，在官網(wǎng)上你可以找到入門教程，并了解更多關(guān)于React的信息。

Step 2: 安裝React腳手架

在開始之前，確保你的系統(tǒng)已經(jīng)安裝了Node.js和npm（如果沒有安裝，你可以使用nvm來安裝它們）。打開終端并執(zhí)行下面的命令來安裝React腳手架：

npm install -g create-react-app

這個命令會全局安裝React腳手架。

Step 3: 創(chuàng)建React項目文件夾

安裝完成后，輸入以下命令來創(chuàng)建一個新的React項目文件夾：

create-react-app 項目名稱

這個命令會在當(dāng)前路徑下創(chuàng)建一個新的文件夾，并將其作為React應(yīng)用的存放文件夾。請耐心等待，因為安裝過程可能需要一些時間。如果安裝速度較慢，你可以切換到國內(nèi)鏡像源。

Step 4: 啟動React項目

安裝完成后，你會看到一個包含項目文件的文件夾。對于初學(xué)者來說，你可以忽略其中的serviceWorker.js和App.test.js文件，重點關(guān)注App.js文件，它是項目的根組件。

打開package.json文件，你會看到幾個命令。要啟動項目，你可以使用以下命令：

npm start

如果出現(xiàn)啟動錯誤，請仔細(xì)閱讀錯誤提示以找出原因并進(jìn)行排查。我遇到的一個問題是，我的項目文件夾上一級目錄還有全局安裝的node_modules文件夾，導(dǎo)致沖突。解決辦法是將項目文件夾移動到非用戶目錄下。

Step 5: 訪問React應(yīng)用

當(dāng)npm start成功啟動后，你可以通過訪問http://localhost:3000來訪問你的React應(yīng)用。

通過瀏覽器訪問該地址，你會看到React應(yīng)用的頁面?，F(xiàn)在，你可以開始修改代碼，瀏覽器中的頁面會自動更新。