安装react 并创建第一个项目

本文详细介绍如何从零开始搭建并运行React项目,包括下载与安装Node.js、配置npm镜像源、使用create-react-app创建项目、启动及运行项目,以及如何导入并运行他人分享的React项目。

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

1.下载node.js
https://nodejs.org/zh-cn/
在这里插入图片描述

下载之后点击安装
安装node.js时会自带一个npm的包管理工具。
2.打开cmd 键入命令 node –v 、npm -v测试是否安装成功
在这里插入图片描述

如图两个都返回版本号就表示安装成功了
我们也可以在path中添加刚刚的安装目录配置环境变量
3.设置npm的镜像源为淘宝
npm config set registry https://registry.npm.taobao.org
4.安装create-react-app 来创建react
安装命令:npm install -g create-react-app
5.创建react项目
切换到你要创建项目的路径下
create-react-app projectname
其中projectname为你的项目名称,创建时替换成你自己的项目名称
6.启动项目
进人项目目录
cd projectname
运行项目 npm start
稍等片刻 运行成功会自动打开一个网页
没有打开 可以打开浏览器输入http://localhost:3000/
在这里插入图片描述

出现如图的这样就表示成功了

7.导入并运行别人的react项目
一般别人的react项目都是不会将node_modules一同放出来的,打开项目后 运行cnpm i 或者npm i,这个时候,它会自动根据你package.json里面的依赖,下载你需要的node_modules,然后就能运行了。
进入项目目录
运行npm i
有的会出现提示需要npm fund
运行npm fund
成功后运行npm start
在这里插入图片描述
出现如图表示成功 访问图上路径就可以了
如果出现

查看package.json 文件,scripts 中是否有start ,
没有的话运行 npm run dev即可
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值