如何开始搭建一个React项目

115 阅读1分钟

规划良久,想跟着搭建一套自己的react项目,以此来记录下踩过的坑

首先你需要安装node,搭建node环境,然后通过create-react-app命令一键搭建react项目

一、搭建项目

npx create-react-app react-app
  • npx:node语法命令
  • create-react-app:一键搭建react项目的命令
  • react-app:项目名称

但是在执行这个命令后终端卡死死活不动,这是因为后台设置的proxy代理环境有问题,可能会有缓存,所以需要执行以下命令:

1、关闭代理:npm config set proxy false

2、清除缓存:npm cache clean

在清除缓存时,如果出现以下报错,需要强制清除

3、强制清除:npm cache clean --force

此时,如若提示:npm WARN using --force Recommended protections disabled.

那说明npm版本过高,需要降低版本

4、降低npm版本:npm install npm@6.14.0 -g

但此时降低版本时,我的终端依旧卡死,这时,你要检查一下是否安装了淘宝镜像,没有安装的话安装一下淘宝镜像

5、安装淘宝镜像:npm install -g cnpm --registry=registry.npm.taobao.org

6、安装完成之后再去清除一下npm缓存,npm cache clean,然后继续执行降低npm版本的命令,最后再一键创建项目就可以成功啦~