create-react-app簡介

create-react-app是啟動React應用程序的最簡單方法

create-react-app是一個旨在讓您立即熟悉React的項目。它提供了一個現成的React應用程序啟動器,因此您無需考慮Webpack和Babel配置就可以深入構建自己的應用程序。

它提供了開箱即用的功能:

  • 具有熱重載的開發服務器
  • 用Jest提供測試環境
  • 允許構建React應用
  • 準備使用ES6 +語法
  • 捆綁您所有的JavaScript和資產
  • 帶有CSS自動前綴,SASS和CSS模塊支持
  • 和更多!

您首先使用npx,這是無需安裝即可下載和執行Node.js命令的簡便方法。npx附帶npm(從5.2版開始),如果尚未安裝npm,請從現在開始https://nodejs.org(npm與Node一起安裝)。

如果不確定所使用的版本,建議您檢查是否需要更新。

提示:在以下位置查看我的終端教程https://flaviocopes.com/macos-terminal/如果您不熟悉

當你跑步npx create-react-app <app-name>npx將要下載最近的create-react-app釋放,運行它,然後將其從系統中刪除。這很棒,因為您的系統永遠不會有過時的版本,並且每次運行它時,您都可以獲得最新,最出色的代碼。

讓我們開始:

npx create-react-app todolist

這是它完成運行的時間:

create-react-app在您告訴的文件夾中創建了文件結構(todolist在這種情況下),並初始化了一個吉特資料庫。

它還在package.json文件,因此您可以通過進入文件夾並運行來立即啟動應用程序npm start

此外npm startcreate-react-app添加了一些其他命令:

  • npm run build:在以下位置構建React應用程序文件build文件夾,準備部署到服務器
  • npm test:使用以下命令運行測試套件笑話
  • npm eject:從彈出create-react-app

頂出是決定create-react-app已經為您做了足夠的事情,但是您想做的事情超出其允許的範圍。

自從create-react-app是一組通用的分母約定和數量有限的選項,可以保證在某些時候您的需求將需要一些獨特的東西,而這些東西已經超出了create-react-app

彈出時,您會失去自動更新的能力,但在巴別塔Webpack配置。

彈出時,動作是不可逆的。您將在應用程序目錄中獲得2個新文件夾,configscripts。這些包含您需要的所有配置,現在您可以開始對其進行編輯。

免費下載我的反應手冊


更多反應教程: