关于学习【React 过程知识点记录】---环境搭建与项目创建

本文详细记录了学习React过程中环境搭建的步骤,包括确保NodeJs最新版本的安装,使用npx create-react-app创建项目,处理npm版本过低问题,通过npm start启动项目,以及在浏览器中访问应用。

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

1.环境创建

确保机器安装了 NodeJs 并保持最新版本         NodeJs官方下载

打开 CMD 进行 React 的基础文件创建

      npx create-react-app  XXX(想要创建的项目名称) 例子: my-app

npx create-react-app my-app

!!注意: 

    项目创建完成后如遇到提示 npm 版本过低的情况,需进行更新

    如下信息提示当前版本为8.3.1 最新版本为8.5.1

    此时提示信息 :Run npm install -g npm@8.5.1 to update!

    需要在 cmd 中输入 npm install -g npm@8.5.1 进行更新

版本过低提示信息如下: 

******************************************************************************************

    npm notice
    npm notice New minor version of npm available! 8.3.1 -> 8.5.1
    npm notice Changelog: https://github.com/npm/cli/releases/tag/v8.5.1
    npm notice Run npm install -g npm@8.5.1 to update!
    npm notice 

******************************************************************************************

  ③ 项目文件创建完成后使用 cmd 中的 移动语句 [cd] 进入创建好的项目文件中

cd my-app

④ 输入 npm start 启动项目

npm start

 ⑤ 浏览器 访问 http://localhost:3000/

环境搭建与项目创建完成 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值