npx create-react-app my-app中create-react-app命令不存在
学习React时遇到的第一个问题,跟着官方文档创建新的 React 应用时,使用npx create-react-app my-app命令提示命令不存在。
必应搜索了一下,大致的解决方式如下:
第一步:全局安装create-react-app
npm install -g create-react-app
第二步:使用create-react-app命令创建app
create-react-app my-app
使用这种方式可以成功创建项目,但是官方文档给的创建方式怎么会错呢,所以稍微研究了一下。发现是因为node安装过程中没有设置global目录,所以在自定义的目录下执行该命令会报错。解决方式如下:
1.查看prefix目录
C:\Users\username>npm config get prefix
C:\Users\username\AppData\Roaming\npm
进入该目录下
可以看到这里是存在create-react-app命令的,为什么显示命令不存在,就是因为环境变量没有配置该目录,将该目录加入系统变量path里面,再次执行npx create-react-app my-app可以发现,可以成功创建项目了。当然,因为国内网络的原因,还是有可能创建失败,这时可以设置国内镜像,可以使用目前比较流行的一个工具nrm
npm install -g nrm
安装成功后,可以通过命令查看当前可用镜像
nrm ls
切换镜像
nrm use tencent
查看当前镜像(该命令还可以用于查看各类配置npm config ls -l)
npm config get registry
最后,如何更改prefix(即global)和cache
npm config set prefix “要使用的node_global文件夹所在路径”
npm config set cache “要使用的node_cache文件夹所在路径”