一、安裝Yeomanreact
安裝yeoman以前,須要先安裝:webpack
1)Nodejs v4 或者更高版本git
2)npmweb
3)gitnpm
確認安裝好上述內容後,經過如下命令安裝 Yeoman:瀏覽器
npm install -g yo
二、安裝Yeoman生成器bash
經過以下命令安裝 react-webpack :app
npm install -g generator-react-webpack
三、使用生成器spa
運行 yo blog
選中 React Webpack,按回車 enter 運行生成器。
或者直接運行 yo react-webpack 命令,Yeoman 會自動搭建 app,獲取依賴包。
生成的目錄結構:
四、啓動服務
運行 npm start 或者 npm run serve 能夠啓動服務。
若是報以下錯誤:
將 cfg 目錄下的 defaults.js 文件中 dfltPort 由默認的 8000 改成其它端口號,如3000 便可。
瀏覽器訪問: