创建React应用的2种方式

一、使用create-react-app创建

1、全局安装脚手架库: create-react-app
npm i -g create-react-app
2、创建项目:create-react-app + (my-app)项目名称;
create-react-app my-app
3、进入项目文件夹
cd my-app
4、运行项目
npm start

二、使用vite创建(推荐)

1、创建最新版本的vite项目
cnpm create vite@latest
2、 项目命名、选择框架、选择JS+SWC
Project name: my-react-vite
Select a framework: » React
Select a variant: » JavaScript + SWC
3、进入项目文件夹
cd my-react-vite
4、手动安装相关依赖
npm install
5、运行项目
npm run dev

结尾

1、create-react-app创建项目耗时太长,个人不喜欢,推荐使用vite(速度极快)。
2、SWC (全称Speedy Web Compiler)是一个基于 Rust 的TS/JS编译器, 对标的是babel, SWC 声称比 Vite 3.0 中使用的 Babel 快 20 倍(vite3中使用bebel, vite4中使用bebel)。
3、vite中npm install的原因:vite不会自动安装相关的依赖,需要我们手动去安装。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/47670.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

<数据集>水果识别数据集<目标检测>

数据集格式:VOCYOLO格式 图片数量:10012张 标注数量(xml文件个数):10012 标注数量(txt文件个数):10012 标注类别数:7 标注类别名称:[Watermelon, Orange, Grape, Apple, peach, Banana, Pineapple] 序…

自建网站统计工具 Umami 替代 Google Analytics

本文首发于只抄博客,欢迎点击原文链接了解更多内容。 前言 Umami 是一款开源的网站统计工具,与 Google Analytics 相比更加的轻量,且不会收集网站用户的个人信息。同时,Umami 的仪表盘界面简洁,UI 精美,方便我们查看网站的历史统计数据。 Umami 使用方式也与 Google Ana…

n7.Nginx 第三方模块

Nginx 第三方模块 第三模块是对nginx 的功能扩展,第三方模块需要在编译安装Nginx 的时候使用参数–add-modulePATH指定路径添加,有的模块是由公司的开发人员针对业务需求定制开发的,有的模块是开 源爱好者开发好之后上传到github进行开源的模…

《0基础》学习Python——第二十四讲__爬虫/<7>深度爬取

一、深度爬取 深度爬取是指在网络爬虫中,获取网页上的所有链接并递归地访问这些链接,以获取更深层次的页面数据。 通常,一个简单的爬虫只会获取到初始页面上的链接,并不会进一步访问这些链接上的其他页面。而深度爬取则会不断地获…

计数排序(桶排序思想)

这段代码是一个计数排序算法的实现。计数排序是一种非比较排序算法,适用于整数数组,其时间复杂度为O(nk),其中n是数组长度,k是数组中的最大值。以下是该算法的步骤: 首先检查输入数组是否为空或长度小于2,…

python os库使用教程

os库使用教程 1.创建文件夹os.path.exists()检查文件是否存在os.listdir查看文件夹下的所有文件filename.endswith()查看文件列表的png或者txt结尾的所有文件shutil.move移动目标到文件夹 1.创建文件夹 先在盘符里创建一个文件用来演示,我这里…

前端JS特效第48集:terseBanner焦点图轮播插件

terseBanner焦点图轮播插件&#xff0c;先来看看效果&#xff1a; 部分核心的代码如下(全部代码在文章末尾)&#xff1a; <!DOCTYPE html> <html lang"zh"> <head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatibl…

word转pdf图变得模糊(解决)

日常小记 目录问题解决方案 结语 目录 问题 word转pdf图变得模糊后图变得不清晰 解决方案 首先在ppt中进行画图其次复制该图的所有元素直接复制到word&#xff0c;在粘贴中选中选择性粘贴&#xff0c;增强性图形即可解决&#xff01;&#xff01;&#xff01; 其余方案 可以…

Go语言 流程控制和循环语句

本文主要内容为Go语言中流程控制语句和循环语句介绍及示例。 目录 流程控制语句 If条件语句 If使用规则 表达式语句 Switch语句 使用fallthrough 判断表达式结果 从命令行获取参数 For循环语句 简单循环 省略循环条件 For无限循环 For循环中的continue 新型for循…

java中处理stream.filter()

在Java中&#xff0c;stream.filter方法用于对流中的元素进行筛选。filter方法接受一个Predicate&#xff08;一个返回布尔值的函数&#xff09;&#xff0c;然后返回一个包含所有匹配元素的新流。 使用场景 假设有一个包含多个元素的集合&#xff0c;需要对其中的元素进行筛…

HTTPServer改进思路1

Nginx源码思考项目改进 架构模式 事件驱动架构(EDA&#xff09;用于处理大量并发连接和IO操作 优点&#xff1a;高效处理大量并发请求&#xff0c;减少线程切换和阻塞调用技术实现&#xff1a;直接使用EPOLL&#xff0c;参考Node.js的http服务器 网络通信 协议&#xff1a;HTT…

Java 随笔记: 集合与泛型

文章目录 1. 集合框架概述2. 集合接口2.1 Collection 接口2.2 List 接口2.3 Set 接口2.4 Map 接口 3. 集合的常用操作3.1 添加元素3.2 删除元素3.3 遍历元素3.4 判断大小3.5 判断是否为空 4. 迭代器4.1 迭代器的作用4.2 迭代器的使用4.3 迭代器与增强 for 循环4.4 迭代器的注意…

异步IO的概念以及使用asyncio库进行异步编程的示例。

异步IO的概念 异步IO&#xff08;Asynchronous Input/Output&#xff09;是一种IO操作模式&#xff0c;它允许程序在等待IO操作&#xff08;如文件读写、网络请求等&#xff09;完成时继续执行其他任务&#xff0c;而不是阻塞等待IO操作完成。这种机制可以显著提高程序的性能和…

深入剖析Tomcat整体架构

目录 Tomcat简介Tomcat架构概述核心组件详解 ServerServiceConnectorEngineHostContextWrapper 生命周期与初始化请求处理流程Tomcat的线程模型配置与优化常见问题与解决方案总结 Tomcat简介 Apache Tomcat是由Apache软件基金会开发的开源Java Web服务器和Servlet容器。它实…

【LeetCode】对称二叉树

目录 一、题目二、解法完整代码 一、题目 给你一个二叉树的根节点 root &#xff0c; 检查它是否轴对称。 示例 1&#xff1a; 输入&#xff1a;root [1,2,2,3,4,4,3] 输出&#xff1a;true 示例 2&#xff1a; 输入&#xff1a;root [1,2,2,null,3,null,3] 输出&#…

友力科技数据中心搬迁方案

将当前运行机房中的所有设备、应用系统安全搬迁至新数据中心机房&#xff0c;实现平滑切换、平稳过渡&#xff0c;最大限度地降低搬迁工作对业务的影响。 为了确保企事业单位能够顺利完成数据中心机房搬迁工作&#xff0c;我们根据实际经验提供了4个基本原则&#xff0c;希望能…

异步电机矢量控制matlab simulink

1、内容简介 略 86-可以交流、咨询、答疑 异步电机、矢量控制 2、内容说明 略 3、仿真分析 略 4、参考论文 略

YOLOv2小白精讲

YOLOv2是一个集成了分类和检测任务的神经网络&#xff0c;它将目标检测和分类任务统一在一个单一的网络中进行处理。 本文在yolov1的基础上&#xff0c;对yolov2的网络结构和改进部分进行讲解。yolov1的知识点可以看我另外一篇博客&#xff08;yolov1基础精讲-CSDN博客&#xf…

设计模式-抽象工厂

抽象工厂属于创建型模式。 抽象工厂和工厂设计模式的区别&#xff1a; 工厂模式的是设计模式中最简单的一种设计模式&#xff0c;主要设计思想是&#xff0c;分离对象的创建和使用&#xff0c;在Java中&#xff0c;如果需要使用一个对象时&#xff0c;需要new Class()&#xff…

day18-binary tree-part06-7.20

tasks for today: 1. 530.二叉搜索树的最小绝对差 2. 501.二叉搜索树中的众数 3. 236.二叉树的最近公共祖先 ----------------------------------------------------------------- 1. 530.二叉搜索树的最小绝对差 in this practice, the target tree is a binary search …