如何安装React的第一个脚手架

前言

学习React和Vue其实很多都是想通的，Vue中学到过一般我们都是通过脚手架来完成项目的开发，那么React也同样是有脚手架进行开发的，这样可以为我们省去很多的时间提高的我们的开发效率。那么接下来就是如何完成第一个脚手架的开发。

操作

首先我们需要准备并安装的是npm、yarn这两个东西，具体怎么安装可以自行百度非常之简单，那么我们首先需要做的是全局安装一个create-react-app 的脚手架库，那么这个就是我们在本地安装的库文件了，输入CMD打开命令行终端

npm install -g create-react-app
1

接着我们需要做的是等待安装即可，安装完之后我们切到我们需要构建项目的文件中，输入

create-react-app react_staging
1

其中，react_staging 这个是工程的名字，这个自己随意取。
然后，等待安装安装好之后，切到工程的目录中

cd react_staging
npm start
1
2

启动项目！当你看到下面的图片就说明你的第一个脚手架已经安装好了。

补充

1、如何安装yarn

控制行输入 npm install -g yarn 如果说你用的是win11 的Power Shell这个终端编辑器的话那么你在安装的yarn的时候可能会遇到的问题

那么你需要对Power Shell进行更改一下设置
1、通过管理员的身份运行Power Shell 然后输入set-ExecutionPolicy RemoteSigned ,接着你要输入 A 全部默认是
2、设置完之后你要执行 yarn config get registry
3、验证一下是否加载好了 输入get-ExecutionPolicy 控制航显示执行策略是RemoteSigned 那么就说明已经成功了。

2、create-react-app xxxx的时候特别的慢

这个问题主要是因为你可能没有切换下载源的地址，你可能是下载国外的文件因此会非常的慢，所以这个时候我们可以将npm的源切换回国内淘宝镜像就非常的快！具体的操作如下：
1、更换源，输入

npm config set registry https://registry.npm.taobao.org
1

2、验证是否更换成功，输入

npm config get registry
1

如果说你看到控制台输出的是https://registry.npm.taobao.org 那么就说明你已经将源切回到国内了，那么接下来下载react的脚手架速度就直接起飞了~

最后

好了，到这里安装第一个脚手架就算完成了。
说在最后：接下来的一段时间就是主要学习react博客更新也会更多的是react开发中碰到的一些问题的整理，毕竟公司项目用的是react。加油我们一起冲~~