React腳手架下入口文件index.html中有好多的標簽及關鍵詞，分別是什么意思呢？

1.  使用create-react-app創建應用

    1.1 react腳手架

        1, xxx腳手架： 用來幫助程序員快速創建一個基于xxx庫的模板項目

            1, 包含了所有需要的配置(語法檢查,JSX編譯,devServer...)

            2, 下載好了相關的依賴

            3, 可以直接運行一個簡單效果(已經有了簡單的示例頁面)

        2,  react提供了一個用于創建react項目的腳手架庫:create-react-app(通過此創建react腳手架)

        3,  項目的整體主要技術架構為： react + webpack(編譯打包: 轉換成html + css + js) + es6 + eslint(語法檢查)

        4,  使用腳手架開發的項目的特點：模塊化(一般就是一個JS文件，提供特定的功能), 組件化(HTML+CSS+JS集合) , 工程化(一條龍服務，代碼寫完，自動編譯，壓縮，語法 檢查等)

2.  創建項目并啟動

     第一步： 全局安裝create-react-app: npm install -g create-react-app

                                       npm i(install的縮寫) -g create-react-app

                                       半分鐘內搞定(npm設置淘寶鏡像)

            全局安裝后，可以在任何目錄下面使用該命令

     第二步： 切換到想創建項目的目錄，使用命令：create-react-app  myProject(項目名稱, 不要使用特殊字符和中文， 且不在中文目錄下)

     第三步： 進入項目文件夾 cd myProject

     第四步： 啟動項目： npm start

3.  react腳手架項目結構

     1, node_modules: 依賴所存放的位置

     public 目錄下

     2, index.html  : 項目的主頁面，里面設置了容器 <div id="root"></div>

        manifest.json: 應用加殼配置文件，可以直接刪除

        robots.txt  : 爬蟲設置文件(對搜索引擎的支持設置)

     src    目錄下

     3, App.js      ： 組件(會被渲染到index.html中的id=root的容器中) app.css是其對應的css文件

     4, App.test.js : 測試文件，幾乎不會使用(我們測試就是直接看效果)

     5, index.css   : 放項目的公共樣式

     6, index.js    :項目的入口文件

        引入核心文件react,ReactDOM, 公共樣式，APP組件

        React.StrictMode : 能夠幫助檢查代碼中不合理的語法使用

        比如使用了 字符串格式的ref, 會提示這個將被廢棄了

        reportWebVitals;  實現頁面上一些組件性能的檢測

     7, setupTests.js  : 用于做組件測試的

項目啟動后->index.js->index.html(webpack的配置，會自動到public下面找index.html)