React快速構建腳手架

1、create-react-app

優點：

• 無需配置：官方的配置堪稱完美，幾乎不用你再配置任何東西，就可以上手開發項目。
• 高集成性：集成了對React，JSX，ES6和Flow的支持。
• 自帶服務：集成了開發服務器，你可以實現開發預覽一體化。
• 熱更新：保存自動更新，讓你的開發更簡單。
• 全兼容性：自動處理CSS的兼容問題，無需添加-webkit前綴。
• 自動發布：集成好了發布成品功能，編譯后直接發布，並且包含了sourcemaps功能。

安裝：

windows系統下：

             npm install -g create-react-app

Liunx和Mac電腦下：

             sudo npm install -g create-react-app

創建項目：

　　　　create-react-app my-app

啟動服務：

　　　　npm start

 

2、generator-react-webpack：需要yeoman支持

優點：

• 基於webpack構建，可以很容易的配置自己需要的webpack。
• 支持ES6，集成了Babel-Loader。
• 支持不同風格的CSS（sass，less，stylus）。
• 支持PostCSS轉換樣式。
• 集成了esLint功能。
• 可以輕松配置單元測試，比如Karma和Mocha

安裝：

　　npm install -g yo

　　npm install -g generator-react-webpack

創建項目：

　　mkdir  react-demo

進去項目下，生成項目目錄：

　　yo  react-webpack

啟動：

　　npm  start