当前位置: 首页 > 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博客

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • Apache防盗链、网页压缩、网页缓存
  • 【区块链 + 智慧政务】都江堰区块链公共服务应用平台 | FISCO BCOS应用案例
  • 数据守卫者:sklearn中的异常点检测技术
  • [XCUITest] 处理iOS权限点击授权 有哪些权限?
  • 【YOLOv5/v7改进系列】改进池化层为SimSPPF
  • 如何部署本地dockers镜像源
  • [RK3308H_Linux] 关于8+2(8路模拟麦克风 + 2路es7243e回采)的调试心得
  • UKP3D的局域网授权程序问题
  • PDF 中图表的解析探究
  • 数电票真伪查验接口、发票查验接口
  • C语言方法学习 std::vector<double> 转化double[]或double *
  • tkinter的iconbitmap默认图标
  • 彻底开源,免费商用,上海AI实验室把大模型门槛打下来
  • 实现线程同步
  • SpringMVC的架构有什么优势?——表单和数据校验(四)
  • [deviceone开发]-do_Webview的基本示例
  • 《用数据讲故事》作者Cole N. Knaflic:消除一切无效的图表
  • 【EOS】Cleos基础
  • 03Go 类型总结
  • 30秒的PHP代码片段(1)数组 - Array
  • in typeof instanceof ===这些运算符有什么作用
  • Laravel核心解读--Facades
  • magento2项目上线注意事项
  • Node + FFmpeg 实现Canvas动画导出视频
  • node入门
  • webpack入门学习手记(二)
  • 纯 javascript 半自动式下滑一定高度,导航栏固定
  • 基于 Babel 的 npm 包最小化设置
  • 简单易用的leetcode开发测试工具(npm)
  • 离散点最小(凸)包围边界查找
  • 算法之不定期更新(一)(2018-04-12)
  • 一道面试题引发的“血案”
  • 用jquery写贪吃蛇
  • 在Mac OS X上安装 Ruby运行环境
  • 《码出高效》学习笔记与书中错误记录
  • AI又要和人类“对打”,Deepmind宣布《星战Ⅱ》即将开始 ...
  • LIGO、Virgo第三轮探测告捷,同时探测到一对黑洞合并产生的引力波事件 ...
  • 如何用纯 CSS 创作一个货车 loader
  • (160)时序收敛--->(10)时序收敛十
  • (android 地图实战开发)3 在地图上显示当前位置和自定义银行位置
  • (delphi11最新学习资料) Object Pascal 学习笔记---第14章泛型第2节(泛型类的类构造函数)
  • (Java数据结构)ArrayList
  • (补充):java各种进制、原码、反码、补码和文本、图像、音频在计算机中的存储方式
  • (超简单)使用vuepress搭建自己的博客并部署到github pages上
  • (紀錄)[ASP.NET MVC][jQuery]-2 純手工打造屬於自己的 jQuery GridView (含完整程式碼下載)...
  • (牛客腾讯思维编程题)编码编码分组打印下标题目分析
  • (十八)devops持续集成开发——使用docker安装部署jenkins流水线服务
  • (转)Linq学习笔记
  • ******之网络***——物理***
  • .Net 6.0 处理跨域的方式
  • .NET CORE 第一节 创建基本的 asp.net core
  • .net core 管理用户机密
  • .net websocket 获取http登录的用户_如何解密浏览器的登录密码?获取浏览器内用户信息?...
  • .NET国产化改造探索(三)、银河麒麟安装.NET 8环境
  • .NET国产化改造探索(一)、VMware安装银河麒麟