既然遇到这个问题,Create React App 是什么,怎么用,我就不做描述了,这里主要记录一下在使用改命令创建项目时遇到的问题。
创建项目第一步,在命令行执行下面的命令:
使用 npx
1 | npx create-react-app my-app |
在 Windows 系统(本人 win10 )上,第一步就卡住了,什么情况呢?
执行该命令之后,在指定目录下面创建了 my-app/package.json
文件就不动了(等了十几分钟…,可能是我耐心不够,但是这确实是有问题的)。
当然,这里的 npx
是 npm 5.2 以上版本才有的,于是就尝试了不使用npx
的方式。
不使用 npx
不使用 npx
的情况下,就要分两步执行了。首先,全局安装 create-react-app
,然后再创建项目。
全局安装
npm install -g create-react-app
这里,因为 npm
使用的源是国外的,可能会很慢,可以安装使用 cnpm
。
创建项目
create-react-app my-app
使用这种方法,虽然情况稍微好点,成功的创建了项目。
但是还是花费了十分钟左右的时间,不满意。
npm 镜像
全局安装 create-react-app
的时候已经用过 cnpm
,没想到的是,在执行 create-react-app my-app
时,还会自动安装一些包,这个时候,默认使用的还是npm
。
那么这个时候,很简单的思路,直接把 npm
的镜像源修改为国内的即可:
1 | npm config set registry https://registry.npm.taobao.org |
当初不想修改 npm
配置才使用的 cnpm
,现在还是得去改 npm
。尴尬…
好吧,可以抛弃 cnpm
了,就直接使用改了镜像源的 npm
吧。
总结
说了这么多,那么这个问题的解决方案呢,就是修改 npm
的镜像源:
1 | npm config set registry https://registry.npm.taobao.org |
修改之后,使用 npx
创建项目或是用全局安装 create-react-app
的方式创建项目都很快了(两分钟左右,其实感觉还是有点慢,/xk…)。