使用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應用了!

 

 
       


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM