React(腳手架)

第一次使用腳手架,先學習路由,回頭我們用腳手架針對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ù)來,學習就是要多練

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內(nèi)容