使用react的兩種方式
- 通過script標簽引入.js文件
- 通過腳手架工具來編碼
所謂腳手架,可以理解為前端開發(fā)過程中的輔助工具,它會自動幫我們構(gòu)建一個大型項目開發(fā)流程和目錄。它允許我們以一定的方式去實現(xiàn)js文件的相互引用,讓我們更方便的對項目進行管理。
不過,在腳手架寫的代碼,并不能在瀏覽器上直接運行,需要腳手架幫我們做代碼編譯,編譯出來的代碼才可以被瀏覽器識別運行。
我們一般使用GRUNT、webpack、Gulp這樣的工具幫我們編寫腳手架。
圍繞reactjs產(chǎn)生的腳手架工具非常多,甚至有的公司內(nèi)部會有自己定制的腳手架工具,初學react的時候,推薦用官方提交的腳手架工具 Create-react-app
腳手架工具 create-react-app的安裝
- 輸入命令
npm install -g create-react-app安裝腳手架工具 - 運行
create-react-app myapp命令創(chuàng)建項目