全局安裝yarn
cnpm I yarn -g
全局安裝react腳手架
cnpm i create-react-app –g react創建項目的腳手架
創建腳手架項目的方法：
1：create-react-app 項目名 如果裝不上，就把yarn卸載
2：npx create-react-app 項目名 --use-npm
js與jsx概念
1.js，是一種直譯式腳本語言
2.jsx，JavaScript XML是一種在React組件內部構建標簽的類XML語 法。
區別
1.瀏覽器只能識別不同的JS和CSS，不能識別SCSS或者JSX，所以webpack的作用就是把SCSS轉換成CSS，把JSX轉換成JS，然后在瀏覽器正常使用。
2.js就是本身react里面的jsx（也就是在JS文件里面直接寫HTML那種），現在他們可以直接寫是因為編輯器可以選擇語言的解析模式。
3.jsx文件會自動觸發編輯器以jsx的模式解析當前的文件，所以可以更不會出錯。
jsx語法
是在js代碼里直接寫XML的語法，每一個XML標簽都會被JSX轉換工具轉換成純JS代碼，使用JSX可以使組件的結構和組件之間的關系看上去更加清晰。
npx
1 如果已經安裝過包，直接通過npx 包名運行(會自動通過path去找到安裝的包的路徑進行執行)
2 之前在做項目的時候，都是npm i 模塊名,這樣的話，就會安裝到package.json里面
3 上面的做法都是實實在在的下載到項目里面了
可以通過npx取遠程獲取，並不下載到本地，可以直接使用
4 假如我想使用http-server模塊
（1）npm i http-server package.json里面會多一個配置
(2) http-server運行
ps: npm是一個node package安裝工具。 npx的作用是先檢查本地有沒有安裝某個package，如果沒有去遠程registry找，找到的話直接使用，不用下載到本地node-modules包里面，這樣就能優化本地項目的大小，也可以避免安裝package到全局
npm nrm npx cnpm yarn
只有在開發環境中使用到，但是在項目上線或者打包后不需要的，你可以不用安裝到本地，npx可以幫你解決這個問題,比如.
如果你都用npx做開發。
npm run eject運行完之后，會出現一個config文件夾，有webpack配置
html-webpack-plugin