安装react脚手架（'create-react-app' 不是内部或外部命令？）

1. npm install create-react-app -g

2. create-react-app myReact

有人可能会碰到‘create-react-app’ 不是内部或外部命令… 此时用 npx create-react-app myReact 来替代第二步

安装完react脚手架的目录如下：

这里写图片描述

第三步，进入myReact目录运行react

3\.  npm start

打包命令：

  npm run build

安装路由

npm i -S react-router react-router-dom

查看线上生产环境的运行效果

npm install -g pushstate-server

pushstate-server build

项目整体配置信息，在项目路径 /package.json中。

如果想要自己配置webpack或者其他设置，就要执行命令：npm run eject来弹出脚手架帮我们隐藏的配置文件。
(过程中要选择输入y/N分别来确认y或取消N操作，因为这个操作是单向，不可逆的)

Eject之后的目录下文件结构
多了两个文件夹：config和scripts
1、config文件夹下主要是webpack的详细配置文件，一般不需要修改。
2、 scripts文件夹下的几个js文件其实就是实际执行我们npm run命令的的配置，一般也不需要需改。
现在我们再回来看看package.json文件，东西多了很多依赖，之前都是封装在react-scripts内部的，而现在可以自己去配置了。