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