使用create-react-app搭建react應用

標籤：tao   str   nbsp   image   修改   命令列   管理   log   babel   

    

    想要像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應用了！

 

使用create-react-app搭建react應用