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

相关推荐
pan_junbiao24 分钟前
Vue组件:使用$emit()方法监听子组件事件
前端·javascript·vue.js
hummhumm29 分钟前
数据库系统 第46节 数据库版本控制
java·javascript·数据库·python·sql·json·database
正在绘制中1 小时前
如何部署Vue+Springboot项目
前端·vue.js·spring boot
Keep striving1 小时前
SpringMVC基于注解使用:国际化
java·前端·spring·servlet·tomcat·maven
Loong_DQX1 小时前
【前端】vue+html+js 实现table表格展示,以及分页按钮添加
前端·javascript·vue.js
伏城之外2 小时前
LeetCode - 15 三数之和
java·javascript·c++·python·leetcode·c
Boyi美业2 小时前
连锁美业门店开设不同的课程有什么用?美业系统源码分享
java·前端·团队开发·创业创新·源代码管理
AI创客岛2 小时前
15个提高转化率的着陆页最佳实践
大数据·前端·人工智能
Muchen灬2 小时前
音波效果(纯CSS实现)
前端·css
Rverdoser2 小时前
Vue3 中的响应式系统:深入理解 Proxy API
前端·javascript·vue.js