react和vue,angular一樣也有腳手架。這大大方便了我們的開發。react的腳手架是create-react-app。

腳手架下載

使用npm下載create-react-app執行如下命令：

npm install -g create-react-app

國內npm一般下載比較慢或者是常出現下載失敗的情況，我們可以指定下載的倉庫：

npm install -g create-react-app --registry https://registry.npm.taobao.org

或者直接設定npm的預設倉庫：

npm config set registry https://registry.npm
 
.taobao.org 

初始化react專案

進入到專案目錄下使用如下命令：

create-react-app first-app

靜待幾分鐘，好了。我們的react專案已經生成了。

cd first-app
npm run start 

啟動專案，瀏覽器已經打開了我們的第一個react專案。

npm run build //webpack編譯打包專案

雖然我們可以編譯打包了。但此時專案中並有webpack的相關配置檔案。這是因為腳手架封裝了webpack並預設未開放出來配置檔案。
這個時候我們可以通過如下命令生成webpack的配置檔案：

npm run eject
 

好了，熟悉的webpack配置檔案終於出來了，和vue或者ng還是有點不同的。一般我們需要修改的webpack配置就是配置代理了。通過配置代理將我們本地的請求代理到遠端伺服器，方便我們開發。react與vue的webpack配置稍有不同。代理配置需要在package.json中配置。至此，一個初步的react專案便搭建完畢。