创建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博客

相关推荐
光影少年11 分钟前
react的hooks防抖和节流是怎样做的
前端·javascript·react.js
小毛驴85015 分钟前
Vue 路由示例
前端·javascript·vue.js
发现一只大呆瓜42 分钟前
AI流式交互:SSE与WebSocket技术选型
前端·javascript·面试
m0_719084112 小时前
React笔记张天禹
前端·笔记·react.js
Ziky学习记录2 小时前
从零到实战:React Router 学习与总结
前端·学习·react.js
wuhen_n2 小时前
JavaScript链表与双向链表实现:理解数组与链表的差异
前端·javascript
wuhen_n2 小时前
JavaScript数据结构深度解析:栈、队列与树的实现与应用
前端·javascript
我是一只puppy2 小时前
使用AI进行代码审查
javascript·人工智能·git·安全·源代码管理
颜酱2 小时前
从二叉树到衍生结构:5种高频树结构原理+解析
javascript·后端·算法
狗哥哥2 小时前
微前端路由设计方案 & 子应用管理保活
前端·架构