React 安装的几种方法

本文介绍如何通过使用淘宝定制的cnpm工具,替代npm,以提高在国内环境下的React项目搭建速度。包括配置cnpm,使用create-react-app快速创建React应用,以及解决资源拉取卡顿的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

命令行安装

1.使用npm安装。国内使用 npm 速度很慢,可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm

$ npm install -g cnpm --registry=https://registry.npm.taobao.org
$ npm config set registry https://registry.npm.taobao.org

2.这样就可以使用 cnpm 命令来安装模块了:

$ cnpm install [name]
此处安装、使用react使用以下命令:

$ cnpm install -g create-react-app
$ create-react-app my-app
$ cd my-app/
$ npm start

3.在浏览器中打开 http://localhost:3000/ 即可看到结果。
附拉取卡顿问题:
在使用 create-react-app my-app 来创建一个新的React应用,在拉取各种资源时,往往会非常慢,一直卡在那:

fetchMetadata: sill mapToRegistry uri http://registry.npmjs.org/whatwg-fetch

可以看到资源还是使用了 npmjs.org
解决方法是换成淘宝的资源:

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

配置后可通过下面方式来验证是否成功

$ npm config get registry

使用webstorm

File->New->Project,选择React APP,即可如上命令行自动地创建新的项目,Run即可自动运行npm start。
在这里插入图片描述
可能持续更新……

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值