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

    

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