想要像Bootstrap直接引用就可以使用去使用React.js基本上是不可能的。使用React需要一堆的工具和庫,需要Babel用於編譯,Redux等第三方狀態管理工具來組織代碼。所以這里根據官方推薦的工具create-react-app工具來搭建react應用。使用這個工具能夠實現“一條龍服務”,幫我們做好了各種配置和依賴,做到了“開箱即用”。
工具地址:https://github.com/facebookincubator/create-react-app
基本環境安裝:
在使用之前要確保機器上安裝了node,下載地址:https://nodejs.org/en/
(含淚建議:Windows用戶推薦安裝LTS版本的node,使用最新版在安裝工具時可能會不成功,這可能是npm的版本問題導致的)
安裝好環境后,按照官網的步驟安裝create-react-app即可:
npm install -g create-react-app
這條命令可以在機器上安裝一條create-react-app的命令,可以直接使用該命令構建一個react工程:
create-react-app react-demo
貼士:
在安裝過程中可能會比較慢,很可能是因為npm下載時候從國外源下載的緣故。執行上面命令之前先把npm改成國內的taobao鏡像就好了:
npm config set registry https://registry.npm.taobao.org
下載完成后可以啟動工程,進入工程目錄然后輸入:
cd react-demo npm start
運行成功后命令行顯示如下:
並且會自動打開瀏覽器 http://localhost:3000(我的標題在src/App.js中做過相應修改):
至此就大功告成了,可以開始定制自己的react應用了!