在react中，腳手架是快速生成項(xiàng)目工程化結(jié)構(gòu)工具的意思；React腳手架能夠快速開始一個(gè)React的項(xiàng)目，生成一個(gè)通用的目錄結(jié)構(gòu)，并配置所需環(huán)境，其中包含基礎(chǔ)的依賴庫(kù)，只需要利用“npm install”就能夠安裝，節(jié)省了項(xiàng)目的配置時(shí)間。

本教程操作環(huán)境：Windows10系統(tǒng)、react17.0.1版、Dell G3電腦。

react的腳手架是什么意思

React腳手架的意思是幫你快速開始一個(gè)React的項(xiàng)目，也就是給你一套R(shí)eact的結(jié)構(gòu)，包含基礎(chǔ)的依賴庫(kù)，只需要 npm install就可以安裝，讓我們不需要為了編輯或者一些其他事情浪費(fèi)時(shí)間 總而言之，就是快速搭建項(xiàng)目的，讓我們可以早點(diǎn)去寫代碼。

Create React App是FaceBook的React團(tuán)隊(duì)官方出的一個(gè)構(gòu)建React單頁(yè)面應(yīng)用的腳手架工具。它本身集成了Webpack，并配置了一系列內(nèi)置的loader和默認(rèn)的npm的腳本，可以很輕松的實(shí)現(xiàn)零配置就可以快速開發(fā)React的應(yīng)用。

React腳手架的優(yōu)點(diǎn)：

• 無(wú)需配置；

• 集成了對(duì) React, JSX, ES6 和 Flow 的支持；

• 集成了開發(fā)服務(wù)器；

• 源碼非常清晰，沒有多余的文件。

腳手架

編程中提到的腳手架（Scaffold），其實(shí)是一種工具，幫我們可以快速生成項(xiàng)目的工程化結(jié)構(gòu)；

每個(gè)項(xiàng)目作出完成的效果不同，但是它們的基本工程化結(jié)構(gòu)是相似的；

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

不同的項(xiàng)目，在這個(gè)模板的基礎(chǔ)之上進(jìn)行項(xiàng)目開發(fā)或者進(jìn)行一些配置的簡(jiǎn)單修改即可；

這樣也可以間接保證項(xiàng)目的基本結(jié)構(gòu)一致性，方便后期的維護(hù)；

總結(jié)：腳手架讓項(xiàng)目從搭建到開發(fā)，再到部署，整個(gè)流程變得快速和便捷；

對(duì)于現(xiàn)在比較流行的三大框架都有屬于自己的腳手架：

• Vue的腳手架：vue-cli

• Angular的腳手架：angular-cli

• React的腳手架：create-react-app

它們的作用都是幫助我們生成一個(gè)通用的目錄結(jié)構(gòu)，并且已經(jīng)將我們所需的工程環(huán)境配置好。

推薦學(xué)習(xí)：《react視頻教程》