React腳手架搭建及目錄結構介紹

react腳手架（create-react-app）搭建

npm install -g create-react-app
create-react-app todolist （文件夾名）
npm start
或者
npx create-react-app todolist
cd my-app
npm start
（npx是一種在npm中安裝工具，在 npm version >= 5.2.0 開始，自動安裝了npx）
複製代碼

create-react-app 目錄結構：

yarn.lock  --  項目依賴的安裝包

README.md  --  項目的說明文件

package.json  --  node的包文件、項目的結束（名字/版本號/依賴的第三方的包/調用的指令等）
    記錄用npm安裝過哪些包  ^  表明 npm install 的時候會自動安裝大版本號相同的最新的
    一個版本（x.y.z）
        x - 大版本號，api兼容變化會改變大版本號，x 遞增
        y - 次版本號，新增功能時但不影響api的兼容，y 遞增
        z - 修訂號，bug修復不影響api兼容，z

package-lock.json  --  肯定當前安裝的包的依賴，以便後續在安裝的時候生成相同的依賴（鎖定
                       安裝時的包的版本號）
    5.x.x以後的npm版本中，pakage-lock.json是會被自動生成的
        version記錄了包的版本，resolved記錄了包的下載來源。
        package.json 和 package-lock.json的關係：
            package.json負責的不單單是記錄各類依賴包，它還記錄了其餘信息。
            pakage-lock.json的做用僅僅是輔助package.json鎖定依賴包的版本
            pakage-lock.json無關緊要，沒有的話只是不能鎖定版本而已，而package.json
            是必需要有的。

.gitignore  --  git管理代碼的時候，有的文件不但願傳到git倉庫中，能夠把文件定義在這。

node_modules  --  放置項目依賴的第三方的包

public  --  favico.ico: 網頁tab標籤小圖標
            index.html: 初始頁面
            manifest.json: wepack打包優化相關

scr  --  放的項目全部的源代碼
    全部代碼的入口在 index.js 裏面

App.test.js  --  自動化測試的文件
複製代碼