1- 快速创建项目
npm install -g create-react-app //---全局安装react脚手架
create-react-app my-app //---通过react脚手架创建my-app项目
cd my-app/ //---打开my-app项目
npm start //---启动my-app项目
npm run build //---编译打包my-app项目
不需要 安装Webpack or Babel. 已经集成进去了(Node >= 6 and npm >= 3)
2-使用 npm 或者 yarn 来搭建项目
create-react-app my-app
cd my-app
启动项目:
npm start or yarn start
测试项目:
npm test 或 yarn test //可以执行测试动作
编译项目:
npm run build 或 yarn build
3-使用优点:
- 无需配置;
- 集成了对 React, JSX, ES6 和 Flow 的支持;
- 集成了开发服务器;
- 配置好了浏览器热加载的功能;
- 在 JavaScript 中可以直接 import CSS 和图片;
- 自动处理 CSS 的兼容问题,无需添加 -webkit 前缀;
- 集成好了编译命令,编译后直接发布成产品,并且还包含了 sourcemaps。