创建React 项目的几种方式

①.react自带脚手架 使用步骤:

1、下载 npm i create-react-app -g

2、创建项目命令: create-react-app 项目名称

②.Vite构建工具创建react步骤:(推荐)

方法一:

1、yarn create vite

2、后续根据提示步骤操作即可

方法二:

1、yarn create vite my-react-app --template react (直接一键生成,无需后续操作)

脚手架文件介绍:

  1. <%PUBLIC_URL%> 代表public文件夹的路径
  2. Index.js 入口文件
  3. App.js 根组件
  4. .jsx 结尾的后缀 文件 都是组件

相关文章 👉 React、React Router、JSX 简单入门快速上手_react快速上手-CSDN博客

相关推荐
QQ1__8115175151 小时前
Spring boot名城小区物业管理系统信息管理系统源码-SpringBoot后端+Vue前端+MySQL【可直接运行】
前端·vue.js·spring boot
钛态1 小时前
前端微前端架构:大项目的救命稻草还是自找麻烦?
前端·vue·react·web
一粒黑子1 小时前
【实战解析】阿里开源 PageAgent:纯前端 GUI Agent,一行JS让网页支持自然语言操控
前端·javascript·开源
独角鲸网络安全实验室1 小时前
2026微信小程序抓包全解析:从实操落地到合规风控,解锁前端调试新范式
前端·微信小程序·小程序·抓包·系统代理绕过·https证书严格校验·进程隔离
紫微AI1 小时前
前端文本测量成了卡死一切创新的最后瓶颈,pretext实现突破了
前端·人工智能·typescript
GISer_Jing1 小时前
AI前端(From豆包)
前端·aigc·ai编程
IT枫斗者1 小时前
前端部署后如何判断“页面是不是最新”?一套可落地的版本检测方案(适配 Vite/Vue/React/任意 SPA)
前端·javascript·vue.js·react.js·架构·bug
测试修炼手册1 小时前
[测试技术] 深入理解 JSON Web Token (JWT)
前端·json
AI老李1 小时前
2026 年 Web 前端开发的 8 个趋势!
前端
里欧跑得慢1 小时前
15. Web可访问性最佳实践:让每个用户都能平等访问
前端·css·flutter·web