React 入坑第一弹

前言

一直念叨前端三大框架，React、Vue、Angular，可我实际中用的只有Vue，Angular在刚毕业那会儿用过点皮毛，基本上就是照葫芦画瓢，现在也忘得一干二净。React的大名早已久仰，也看过所谓的入门教程、快速上手教程，但是没有做过实际的项目，没有动手练习，都是白搭。今年，正好手上有个项目用的React全家桶，所以趁机重新学习一下React。接下来就是记录我学习React遇到的问题、踩过的坑。

1. 全局安装脚手架报错

报错提示：create-react-app: command not found不存在该命令。 解决方法1： 首先，查看用户环境变量（win10右键我的电脑 => 属性 => 高级系统设置 => 高级 => 环境变量 => 用户变量，其他系统自行百度哈）里的npm路径，例如："C:/Users/xxx/AppData/Roaming/npm"。

用户环境变量

然后，npm config list查看prefix与上述路径是否一致 。 接着，如果不同 可以手动设置成一样的: npm config set prefix "C:\Users\xxx\AppData\Roaming\npm"。 最后，完成之后再运行create-react-app就ok了。

解决方法2： 使用npm -v查看你的npm版本， 如果你的npm版本为5.2+（包含5.2）则可以直接运行下面命令

npx create-react-app my-app
cd my-app
npm start

如果npm版本小于5.2

npm install -g create-react-app
create-react-app my-app

如果出现create-react-app: command not found的情况，则按照 解决方法1 走。

2. 不要直接关闭git bash

不要直接关闭git bash，要用npm stop或ctrl+c退出，否则会提示3000端口被占用，更换其他端口。 如果不小心关了也有解决办法。 可以打开任务管理器找到git bash和node进程（往往只有node进程），结束即可。