npx 初始化 React 项目 踩坑记录

理论上执行npx create-react-app 项目名 即可初始化React项目成功！
得到的项目目录如下：

但是初始化的路上必须得经历点坎坷，以下是遇见的问题，希望能帮到大家！！！

问题一：npm warn config global --global, --local are deprecated. use --location=global instead.

解决问题链接，大家可以自行查阅

首先我以为是我windows10的下npm
所以 Windows PowerShell(管理员权限)执行以下命令，

Set-ExecutionPolicy Unrestricted -Scope CurrentUser -Force

npm install --global --production npm-windows-upgrade

npm-windows-upgrade --npm-version latest

Set-ExecutionPolicy RemoteSigned -Scope CurrentUser -Force

一顿操作下来还是会报错，这就很不科学；
又接着尝试更改nodejs下npm、npx配置,做法如下：

1. 本地目录nodejs文件下找到npm、npx
   
2. 将 prefix -g 替换成 prefix --location=global

一顿尝试后依旧有问题了，我冷静下来想了想，那是不是我的node 版本出现问题，虽然一开始我和狗子排查过，如下：

但是经过上两次的操作之后我决定提高我的node版本，长期维护版: 18.12.1 (包含 npm 8.19.2)
node下载链接

在执行命令不报错的，这很好！！不过又有了问题二；

问题二：下载依赖超级缓慢等很多分钟

大家可以查询下载依赖的镜像，如果有跟我一样缓慢的话可以进行更改，命令如下：

npm config get registry

npm config set registry https://registry.npmmirror.com

至此我的React项目初始化就圆满落幕了！！