React 忘了安装和环境配置怎么办?看这里!

这篇博客针对React初学者和需要重新配置环境的开发者,详细介绍了如何从安装Node.js开始,设置淘宝镜像,到最后成功创建React项目的全过程。通过遵循步骤,可以快速搭建React开发环境。

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

这里写自定义目录标题

React 环境配置和安装

有的是刚学习react,有的是更换了电脑,想不起来怎么安装配置react了,可以看这里,一步步让你想起明白如何配置。

1,开始,是首先安装nodejs,可以直接到node官网下载安装。
nodejs官网:http://nodejs.cn/download/

我装的是.msi64位的,看需求安装,还有电脑配置,32/64位。

安装完成后,打开cmd(就是电脑左下角,点击搜索输入cmd) ,输入node -v 查看是否安装 。
如果显示 npm 不是内部命令,说明安装失败。
npm工具也会随node一起自动安装,可以使用npm -v 查看。

2,如果一切就绪,那么可以安装一下 淘宝镜像。
淘宝镜像:因为很多资源在你的局域网里是访问不了的,淘宝帮你把外网的东西下载好了(拷贝了一个一毛一样的资源整站),放在它的服务器上,让你能够高速下载,这就是镜像。
有时候我们用npm安装依赖的时候,会发现非常的慢,慢到极点,而淘宝镜像就可以解决这个问题。

命令:npm install cnpm -g --registry=http://registry.npm.taobao.org
第二个命令:类似于固化,永久保留,避免你重复使用第一个代码命令
npm config set registry https://registry.npm.taobao.org

在这里插入图片描述
第一个安装可能有点慢。

3,安装结束后,就是正主了–react

cnpm install -g create-react-app
安装react 

create-react-app +你项目的名字

cd 你项目的名字/

npm start  
启动项目,一般返回3000接口的

安装react:cnpm install -g create-react-app

在这里插入图片描述
4,输入命令后等待安装结束,然后就是create-react-app + 项目名,创建你的react项目

在这里插入图片描述
我这里的项目名称叫 : mt ,在D盘/mytree文件夹里面,这个你在创建时,可以先cd: 切换到你想要创建的文件夹中,再创建。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值