【react】创建react项目与文件配置

本文介绍了如何使用npxcreate-react-app和npmcreatevite创建React和Vite项目,以及项目结构中的关键部分,如assets存放静态资源,components和pages管理组件和页面,router处理路由,store用于数据共享,而utils则涉及axios的封装以实现服务器通信。

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

一、创建react项目

1、react创建

在需要创建的文件终端命令:

// 创建命令
npx create-react-app 项目名
//启动命令
npm start

2、vite创建

在终端使用命令:

//创建命令
npm create vite@latest
//启动命令
npm run dev

按照选项,选择需要创建的项目。

二、react的文件配置

在这里插入图片描述
assets放置静态资源img、icon等其他资源。
component用于放置引入页面的各个组件。
pages放置需要展示或者跳转的页面。
rotuer创建页面的路由及对路由的配置,以及其他操作。
store仓库,保存数据对数据进行共享操作。
utils进行对axios进行封装,建立服务器与页面的连接进行数据交互。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值