用vscode创建一个React初始化的项目步骤

本文介绍了如何使用create-react-app全局安装并创建React应用,包括检查安装是否成功、创建新项目和启动项目的过程。在遇到npm安装慢的问题时,建议切换到淘宝npm源以加速下载。此外,还提供了解决因npm版本过高或node版本过低导致的报错方法,以及项目启动命令。

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

1, 全局安装react代码行工具(脚手架)
    npm install -g create-react-app

     安装之后可以使用create-react-app -V查看版本,如果有就 说明安装成功
2,vscode的终端中创建一个react应用程序, my-app是自定义项目名
    create-react-app my-app
3,启动react项目 (需要cd进入项目my-app根目录)
    npm start

注意: 在使用 create-react-app 来创建一个新的React应用,在拉取各种资源时,往往会非常慢,一直卡在那,因为资源还是使用了 npm下载的, 我们可以换成淘宝的资源, 执行指令
    npm config set registry https://registry.npm.taobao.org
可以把npm指令替换成cnpm指令


问题: 安装脚手架报错: The fs.promises API is experimental
原因: npm版本过高或node版本过低
解决: npm i npm@6.4.1 -g

项目的启动命令都在md文件中:npm start为启动项目

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值