首頁  >  文章  >  web前端  >  react的鷹架是什麼意思

react的鷹架是什麼意思

WBOY
WBOY原創
2022-04-19 17:37:542745瀏覽

在react中,鷹架是快速生成項目工程化結構工具的意思;React腳手架能夠快速開始一個React的項目,產生一個通用的目錄結構,並配置所需環境,其中包含基礎的依賴庫,只需要利用「npm install」就能夠安裝,節省了專案的設定時間。

react的鷹架是什麼意思

本教學操作環境:Windows10系統、react17.0.1版、Dell G3電腦。

react的鷹架是什麼意思

React鷹架的意思是幫你快速開始一個React的項目,也就是給你一套React的結構,包含基礎的依賴函式庫,只需要npm install就可以安裝,讓我們不需要為了編輯或一些其他事情浪費時間總而言之,就是快速搭建專案的,讓我們可以早點去寫程式碼。

Create React App是FaceBook的React團隊官方出的一個建構React單一頁面應用程式的鷹架工具。它本身整合了Webpack,並配置了一系列內建的loader和預設的npm的腳本,可以輕鬆的實現零配置就可以快速開發React的應用。

React腳手架的優點:

  • 無需配置;

  • 整合了對React, JSX, ES6 和Flow 的支持;

  • 整合了開發伺服器;

  • #原始碼非常清晰,沒有多餘的檔案。

鷹架

程式中提到的鷹架(Scaffold),其實是一種工具,幫我們可以快速產生專案的工程化結構;

每個項目作出完成的效果不同,但是它們的基本工程化結構是相似的;

既然相似,就沒有必要每次都從零開始搭建,完全可以使用一些工具,幫助我們生產基本的工程化模板;

不同的項目,在這個模板的基礎之上進行項目開發或進行一些配置的簡單修改即可;

這樣也可以間接保證專案的基本結構一致性,方便後期的維護;

總結:鷹架讓專案從搭建到開發,再到部署,整個流程變得快速和便捷;

現在比較流行的三大框架都有屬於自己的鷹架:

  • Vue的鷹架:vue-cli

  • ##Angular的鷹架: angular-cli

  • React的鷹架:create-react-app

它們的作用都是幫助我們產生一個通用的目錄結構,並且已經將我們所需的工程環境配置好。

推薦學習:《

react影片教學

以上是react的鷹架是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn