react脚手架搭建和常用安装依赖

本文详细介绍React项目从脚手架搭建到常用依赖安装的过程,包括必选与可选依赖,如React Router、Redux、Axios等,以及如何通过npm进行安装。

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

首先认识react

react是什么?

react是一个用于构建用户界面的JavaScript库
它的有点在于虚拟DOM和diff算法(在这里不做过多介绍)

react脚手架的安装

npm i -g create-react-app

全局安装好后(安装好 node 和 react脚手架后就可以创建项目啦)

npm create-react-app 包名

cmd切换至指定路径,最后出现 happy hacking说明创建成功。

react必备的项目依赖

reac路由依赖

npm i react-router

npm i react-router-dom

npm i react-dom

react常用的项目依赖

css预编译

npm install node-sass CSS --save-dev / cnpm install node-sass --sace-dev

react状态管理

npm install react-redux

npm install redux

异步redux

npm install redux-thunk

axios异步数据请求

npm install axios

mockjs数据模拟

npm install mockjs

antd项目UI库

npm install antd

swiper和batterScroll

npm install swiper (banner图必备)
npm install better-scroll (滚动必备)

-具体依赖–save 和 --save-dev 看具体需要-
如果不是生产环境可以不用加以来命令也可以默认–save

具体下载还是看

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值