1. 程式人生 > >React專案搭建命令

React專案搭建命令

Mac環境下:

一、官方搭建:

  • sudo npm install -g create-react-app
  • create-react-app my-app   目錄名不要使用大寫,這樣作只要是為了嚴謹性,因為在Linux下是嚴格區分大小寫的。
  • cd my-app
  • npm start
  •  
  • 安裝yarn
  • npm install -g yarn
  • yarn add react-router-dom axios less-loader
  • yarn eject   暴露config資料夾 
  • yarn add antd
  • yarn add babel-plugin-import

-------------------------------------------------------------------------------------------

二. generator-react-webpack:

generator-react-webpack更容易配置webpack,讓你適應你的實際專案,並且有很強的擴充套件功能。一般我們團隊都會使用這個腳手架來生產react的目錄結構,但也有缺點,就是要依靠yeoman來生成.

generator-react-webpack:

  • npm install -g yo
  • npm install -g generator-react-webpack
  • yo react-webpack                  用生成器生成我們的專案目錄
  • ..............................最後生成專案, 啟動    npm start

---------------------------------------------------------------------------------------------
三 、webpack:

  • localhost:React fanguangjian$ mkdir react-webpack
  • localhost:React fanguangjian$ cd react-webpack
  • localhost:react-webpack fanguangjian$ npm init -y
  • cnpm install --save-dev webpack