React是一個用於構建使用者介面的JAVASCRIPT庫，起源於Facebook內部專案並於2013年5月開源。React擁有出眾的效能而程式碼邏輯卻非常簡單，因此越來越多的人開始關注和使用React。現在已經成為前端三大主流之一，其他兩大主流前端框架分別為Angular和Vue。

安裝Node

在安裝React之前我們需要安裝node環境，這個我們只要在node官方下載node綠色免安裝版，然後再配置下環境變數即可使用node和npm了。

​配置Node

將node所在目錄配置到電腦的環境變數中就可以使用了，這裡我的目錄是D:\\Program Files\\node-v10.8.0-win-x86，這裡我們只要開啟電腦-屬性-系統設定-進階-環境變數中將該路徑新增到path中即可， 快捷鍵“win+r ”開啟執行框，輸入cmd在彈出的視窗中輸入node -v 檢查node.js是否安裝成功。

配置npm源

npm在國內的訪問速度特別的慢，這裡我們配置下淘寶的映象源，這裡設定永久的輸入命令：npm config set registry https://registry.npm.taobao.org/

安裝React腳手架

現在我們可以開始來搭建React開發環React境了，FaceBook的團隊官方出的一個構建React單頁面應用的腳手架工具（類似Vue cli腳手架），通過它可以快速建立基於Webpack + ES6 的React專案。快捷鍵“win+r ”開啟執行框，輸入cmd在彈出的視窗中輸入命令：npm install -g create-react-app，即可全域性安裝該腳手架工具。

​建立React專案

有了腳手架我們就開始建立React專案了，通過create-react-app+專案名稱即可快速的建立一個React專案了。React建立專案比Vue更簡單不需要配置那麼多專案資訊，執行命令之後直接等待安裝完成即可。

​啟動React專案

等進度條結束之後我們的專案就安裝完成了，安裝完之後會在當前目錄下生成一個與專案名稱相同的資料夾。我們可以通過cd命令進入到該資料夾繼續執行命令：npm start即可啟動React專案了。啟動頁面如圖一，React預設埠為3000。

React目錄結構

建立專案之後我們就可以得到如下所示結構的檔案目錄，對應的目錄及檔案簡介都寫在右邊了。我們專案開發主要在src目錄中來完成，接下來我們就可以愉快的開始React專案開發了。

總結：

借用Fackbook提供的腳手架工具可以實現快速搭建React專案，以上內容是小編給大家分享的【React實戰001：快速搭建React前端開發環境】，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回覆大家的，在此也非常感謝大家對小編的支援！