下載安裝webstorm:配置成功:
配置成功后就可以開啟webstorm項(xiàng)目了示启。
1：在webstorm下配置node環(huán)境：
2：完成之后：
React官方腳手架地址：
https://github.com/facebook/create-react-app
在終端下安裝執(zhí)行npm?install?-g?create-react-app??不用每個(gè)項(xiàng)目都裝。一個(gè)webstorm裝一次即可
3：可以直接新建react app項(xiàng)目了冈闭。
4：如上圖：自己安裝完成之后：執(zhí)行下 npm list -depath0 ? ? ?(查看所下載的不為空的依賴包)
或者 npm ls (查看所下載的所有的依賴包包括空文件)
?完成并開啟入口
5：最后可以自己完成自己react項(xiàng)目
注意的是：一定要有頂層包裹的元素：如果不是報(bào)錯(cuò)
如下圖：
6：初始化：
新建一個(gè)component文件夾下火焰。并建一個(gè)header.js ?如下圖：按鈕控制內(nèi)容的顯隱性 ?
縮寫的class后面的類 Header 一定的要大寫、 ?如果需要導(dǎo)出到其它地方引用必須 ? export default這個(gè)類
7:引用導(dǎo)出的組件
?8：最終結(jié)果
?9:項(xiàng)目完成之后打包上線。運(yùn)行yarn build ?上傳的文件如下圖所示
