创建React项目

1、环境准备:确保电脑上安装了Node.js(包管理器)。

检查版本:

node -v
npm -v

2、先创建目录:直接创建/命令行

命令行:

mkdir react-basic #创建目录
cd react-basic #进入目录

3、使用Create React App创建项目:

        3.1、安装Create React App:

会有警告,npm WARN deprecated 警告信息是正常的,尤其是在使用较旧的工具或依赖时。这些警告表明某些依赖包已经过时(deprecated),不再被维护或支持,可能存在安全漏洞或性能问题。

npm install -g create-react-app

        3.2、创建新项目:my-react-app是项目名

npx create-react-app my-react-app 

成功下载会包含这些文件:如果已经成功下载下来,文件都在,可以直接跳到步骤4。 

     

若过程可能会很慢,甚至下载不下来,是因为镜像源/网络的原因。

        1)切换镜像:

npm config set registry https://registry.npmmirror.com/

        2)验证是否切换成功:

npm config get registry

再执行3.2步骤。

若想切回官方镜像:

npm config set registry https://registry.npmjs.org/

4、进入项目目录并运行:

cd my-react-app
npm start

成功跳转:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值