当前位置: 首页 > news >正文

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

http://www.lryc.cn/news/397259.html

相关文章:

  • 探索Kotlin:从K1到K2
  • Python爬虫速成之路(1):获取网页源代码
  • OpenGL笔记七之顶点数据绘制命令和绘制模式
  • 力扣题解( 最长湍流子数组)
  • pytorch-RNN存在的问题
  • Leetcode 17:电话号码的字母组合
  • jmeter-beanshell学习4-beanshell截取字符串
  • QScrollArea 设置最大的高度值
  • CentOS6禁止锁屏
  • MapReduce底层原理详解:大案例解析(第32天)
  • 【JVM基础篇】Java垃圾回收器介绍
  • java通过poi-tl导出word实战详细步骤
  • 将自签证书添加到Java的可信任证书列表中
  • 一文清晰了解CSS——简单实例
  • 工程师 - 什么是XML文件
  • [AI 大模型] 阿里巴巴 通义千问
  • 关于无法定位程序输入点 SetDefaultDllDirectories于动态链接库KERNEL32.dll 上 解决方法
  • 轻松创建对象——简单工厂模式(Java实现)
  • Docker Dockerfile:构建与优化
  • 开源项目有哪些机遇与挑战?
  • 利用【Python】【线性规划】优化工厂生产:实现智能资源配置与利润最大化的现代解决方案
  • 【spark】Exception in thread “main“ ExitCodeException exitCode=-1073741701
  • 数学建模美赛经验小结
  • 206. 反转链表 (Swift 版本)
  • 海狐外卖O2O商城系统:技术架构与运营模式的深度解析
  • 14-31 剑和诗人5 - 使用 AirLLM 和分层推理在单个 4GB GPU 上运行 LLama 3 70B
  • 风景园林工程设计乙级资质业绩要求案例分析
  • 无人机之飞行规划与管理篇
  • realsense D435l+mid360标定
  • 深度学习中的正则化技术 - 数据集增强篇