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

相关推荐
柯南二号几秒前
【大前端】前端生成二维码
前端·二维码
程序员码歌30 分钟前
明年35岁了,如何破局?说说心里话
android·前端·后端
博客zhu虎康1 小时前
React Hooks 报错?一招解决useState问题
前端·javascript·react.js
灰海2 小时前
vue中通过heatmap.js实现热力图(多个热力点)热区展示(带鼠标移入弹窗)
前端·javascript·vue.js·heatmap·heatmapjs
王源骏2 小时前
LayaAir鼠标(手指)控制相机旋转,限制角度
前端
大虾写代码2 小时前
vue3+TS项目配置Eslint+prettier+husky语法校验
前端·vue·eslint
wordbaby3 小时前
用 useEffectEvent 做精准埋点:React analytics pageview 场景的最佳实践与原理剖析
前端·react.js
上单带刀不带妹3 小时前
在 ES6 中如何提取深度嵌套的对象中的指定属性
前端·ecmascript·es6
excel3 小时前
使用热力贴图和高斯函数生成山峰与等高线的 WebGL Shader 解析
前端
wyzqhhhh3 小时前
组件库打包工具选型(npm/pnpm/yarn)的区别和技术考量
前端·npm·node.js