1.對腳手架的初步了解

編程領域中的“腳手架”指的是能夠快速搭建項目“骨架”的一類工具，例如大多數的React項目都有src，public，webpack配置文件等等，而src目錄中又包含components目錄等等。每次在新建項目時，手動創建這些固定的文件目錄。腳手架的作用就是幫助你完成這些重復性的工作，包括一鍵生成主要的目錄結構、安裝依賴等等。

2.腳手架的安裝

①兩步操作即可完成

npm install -g create-react-app yarn (cmd窗口中執行一次即可後續創建可以不用執行）

create-react-app demo1(項目名) (需進入項目的文件夾中執行該命令，執行完成之後會創建

②腳手架項目目錄清晰，沒有多余文件，開發所需的所有配置全部給我們配置好了， 我們只需要專註開發即可。

3.create-react-app腳手架的目錄結構介紹

node_mudules文件夾內是安裝的所有依賴模塊，package.json文件定義項目的基本信息，如項目名稱丶版本號丶在該項目下可執行的命令以及項目的依賴模塊等；public文件夾下的index.html是應用的入口頁面;src文件夾是項目源代碼,其中index.js是代碼入口。

create-react-app腳手架的安裝和目錄結構介紹