使用Yeoman搭建React項目

一、安裝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 便可。

  瀏覽器訪問:

  

相關文章
相關標籤/搜索