一、簡言
React開發目前已經非常流行，對於如何實現對React項目的管理和維護，React生態圈出現了大量可用的開發工具，例如Browserify、Gulp、Grunt、webpack等。其中，webpack稱為CommonJS模塊的主流工具之一，它是一個模塊綁定器，擁有模塊化和網絡性能的兩大優點，可以將不同類型的文件轉換為單個文件，也可以將所有的依賴項打包成單個文件。當然，使用webpack管理React，開發者需要通過命令行去安裝webpack和Babel，然后對webpack進行配置。相比於之前的web開發模式，使用webpack開發，開發者不用再去關心轉譯等問題，安心開發即可，效率更高。技術不斷更新，工具層出不窮，React團隊很快推出了一個可以自動生成React項目的命令行工具create-react-app，使得開發者不用再去手動配置webpack、Babel等，就可以快速啟動React項目，也稱為React腳手架，真是懶人開發的極致了。安裝后的腳手架如圖示：
二、安裝
1、安裝軟件包create-react-app，它已經完成了React環境搭建
npm install -g create-react-app
2、在指定目錄下創建React項目
//進入指定目錄 cd ./xxx/xxx //創建React項目，reactProject為項目名稱 //項目創建后，三個依賴庫:React/ReactDOM/react-script都已經被引入進去了，而且，Babel、webpack等工具默認也已經完成了安裝，無需開發者手動去配置 create-react-app reactProject
3、運行React項目
//以交互模式執行項目中的所有測試文件 //npm test 或者 yarn test //打包一個准備上線的bundle文件，其中的代碼已經經過轉譯和壓縮 //npm run build 或者 yarn build //啟動項目，可以看到網頁打開了: http://localhost:3000/ npm start 或者 yarn start
三、示例
1、創建項目react-demo
2、進入目錄運行項目
3、頁面啟動運行成功
四、結構
使用webStorm打開項目，項目結構很清晰。在生成的項目文件夾中，可以看到包含App.js文件的src文件夾，開發者在這里，可以編輯root組件，以及導入其他組件文件進行后續的開發。
