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

相关推荐
DC...26 分钟前
vue滑块组件设计与实现
前端·javascript·vue.js
Mars狐狸35 分钟前
AI项目改用服务端组件实现对话?包体积减小50%!
前端·react.js
H5开发新纪元44 分钟前
Vite 项目打包分析完整指南:从配置到优化
前端·vue.js
嘻嘻嘻嘻嘻嘻ys1 小时前
《Vue 3.3响应式革新与TypeScript高效开发实战指南》
前端·后端
恋猫de小郭1 小时前
腾讯 Kuikly 正式开源,了解一下这个基于 Kotlin 的全平台框架
android·前端·ios
2301_799404911 小时前
如何修改npm的全局安装路径?
前端·npm·node.js
(❁´◡双辞`❁)*✲゚*1 小时前
node入门和npm
前端·npm·node.js
韩明君1 小时前
前端学习笔记(四)自定义组件控制自己的css
前端·笔记·学习
tianchang1 小时前
TS入门教程
前端·typescript
吃瓜群众i1 小时前
初识javascript
前端