React專案搭建命令
阿新 • • 發佈:2019-01-07
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