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

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

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

這個(gè)命令會(huì)全局安裝React腳手架。

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

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

create-react-app 項(xiàng)目名稱

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

Step 4: 啟動(dòng)React項(xiàng)目

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

打開package.json文件，你會(huì)看到幾個(gè)命令。要啟動(dòng)項(xiàng)目，你可以使用以下命令：

npm start

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

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

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

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