使用 React 之前床绪，第一步肯定是先搭建我們的開發(fā)環(huán)境颖低。
使用 React 有兩種方式：
一種是通過 <script></script> 標(biāo)簽引入 .js 文件來使用 React 值桩。這種方法不適合搭建大型項目丽旅。
另一種是使用腳手架工具。不知道腳手架是什么的可以這么理解懒浮，腳手架實際上是前端開發(fā)過程中的一個輔助工具飘弧。它會自動的幫我們構(gòu)建一個大型項目的開發(fā)流程目錄，它允許我們以一定的方式實現(xiàn) .js 文件的相互引用砚著〈瘟妫可以更方便的對項目進(jìn)行管理。
但是腳手架里的代碼并不能直接運(yùn)行稽穆，需要腳手架工具幫助我們對代碼進(jìn)行編譯冠王。編譯出來的代碼才可以給瀏覽器識別運(yùn)行。
一般會用 gulp舌镶、grunt柱彻、webpack等工具幫助我們編寫腳手架豪娜。這些工具比較多，就不細(xì)說绒疗。
對于剛接觸 React 的我們來說侵歇，就用 React 官方的 Create-react-app 腳手架工具就好了。畢竟這個相對于其它的工具比較簡單吓蘑。
安裝腳手架：
電腦里先需要有 node.js 環(huán)境，下面是官網(wǎng)地址坟冲，就不細(xì)說怎么安裝 node.js 環(huán)境了磨镶。
進(jìn)入官網(wǎng)，點(diǎn)擊下圖中紅色邊框的健提，下載穩(wěn)定版本就好了琳猫。
Windows 電腦安裝完成后，打開命令行工具私痹，也就是 cmd脐嫂，輸入 node -v 和 npm -v 出現(xiàn)版本號說明 node.js 環(huán)境和 npm 安裝成功。如下圖紊遵，版本號根據(jù)你下載版本有關(guān)账千，不一定與圖中一樣。
接著暗膜，安裝我們的 Create-React-App 腳手架匀奏。
同樣，在 cmd 執(zhí)行 npm install -g create-react-app 命令進(jìn)行安裝学搜。
安裝腳手架的時候需要等待一段時間娃善，不要把命令行工具窗口關(guān)閉。
安裝完成之后瑞佩，執(zhí)行命令 create-react-app my-app 創(chuàng)建項目目錄聚磺。
create-react-app：創(chuàng)建時使用的默認(rèn)命令，照抄就好炬丸。
my-app：是項目文件夾的名字瘫寝，可以自定義。
切記御雕，創(chuàng)建項目的路徑千萬不要有中文路徑矢沿，有中文路徑可能會造成啟動時出現(xiàn)錯誤。
創(chuàng)建成功會顯示如下類似的信息：
使用 cd 命令進(jìn)入剛剛創(chuàng)建好的項目文件夾酸纲，然后執(zhí)行 npm start 命令啟動腳手架工具捣鲸，啟動成功后也會彈出一些提示信息，如下：
正常情況下闽坡，瀏覽器會自動打開 localhost:3000 這個本地地址栽惶，如果沒有自動打開可以自己手動在瀏覽器中輸入愁溜。會打開這么一個頁面，就說明項目腳手架搭建成功：
