React 脚手架的使用

前提需要安装node 或者 yarn，我这里使用yarn来进行全局安装；
若yarn安装后命令行失效 请看我的另一篇文章；

第一步：全局安装

yarn global add create-react-app

或

npm i create-react-app -g

安装完毕后会提示success，验证版本检查是否安装成功

create-react-app --version

第二部：生成、进入项目， 安装依赖包

拿我的项目举例

1. create-react-app cadre-sys   //cadre-sys为项目名称，可自定义，注意不要有大写字母
2. cd cadre-sys
3. yarn 或者 yarn install  (此步骤为安装依赖包，也可用npm安装)
4. yarn start 开启本地服务进行开发， yarn build 进行项目打包

第三步：项目开始

下图为成功的样子

1. 其中App.js为根组件，index.js为入口文件；
2. 脚手架并没有安装 router、redux 等包，需要我们自行安装，需要注意的是若要安装4.0以上的router 需要安装 react-router-dom而非react-router；
3. 同时我们并没有发现webpack等配置信息，其实是脚手架为我们能隐藏了，我们只需要执行 yarn eject 即可显示隐藏的配置文件，这里可能会碰到如下情况

Remove untracked files, stash or commit any changes, and try again.
error //没有任何提交的错误

解决办法： 那我们就提交

git status //检查状态，可忽略
git add -A
git commit -m ‘提交代码 解决eject报错问题’
之后我们后神奇的发现， yarn eject 生效，config配置信息显示；

今天就介绍这里了， 码字好累， 欢迎建议指正。