第一次使用腳手架,先學習路由,回頭我們用腳手架針對api有時間我再擼一遍
腳手架的安裝,會使用yarn的建議使用yarn
npm install -g create-react-app
create-react-app my-app my-app為自己的demo名稱
這里是有個小坑的,就是你的目錄名不要使用大寫,這樣作只要是為了嚴謹性,因為在Linux下是嚴格區(qū)分大小寫的。
成功安裝之后運行npm statr 即可

出現(xiàn)此頁面即可?。。』灸夸浳覀儊砜纯?/p>

我是用yarn安裝的,所以yarn.lock可以不用在意,React目前還沒有實現(xiàn)熱更新,比較集成化,不需要我們配置太多,后續(xù)再看吧目前自己也是萌新
react的生態(tài)圈非常龐大,第三方的構建工具也有很多種,比如圈內(nèi)常用的generator-react-webpack,它是需要yeoman的支持的,當然你可以手打webpack都是一樣的
安裝
npm install -g yo 縮寫
npm install -g generator-react-webpack
安裝好之后輸入 創(chuàng)建,這里是我單獨創(chuàng)建了一個文件夾

輸入yo ‘name’

是否開始postcss 選擇Y
因為我的NPM 是真的太慢了,換成yarn試試

等了好久終于安裝好了,npm慢的朋友推薦yarn 安裝


這個目錄結構厲害了
npm start之后出現(xiàn)此頁面即可

看一下目錄中的package.json,主要看scripts

https://github.com/react-webpack-generators/generator-react-webpack
這是react-webpack-generator的github地址,建議用谷歌翻譯
因為個人比較喜歡webpack,并且自己也在學習所以目前我先使用此腳手架學習,后續(xù)會使用create-react-app繼續(xù)來,學習就是要多練