Vite创建React项目

article/2025/11/7 18:57:19

文章目录

  • 1. 输入项目名称
  • 2. 选择框架
  • 3. 选择不同
  • 4. 项目创建完成
  • 5. 项目结构
  • 6. 启动项目


Vite 需要 Node.js 版本 >= 12.0.0。(node -v 查看自己当前的node版本)

  • 使用 yarn:yarn create @vitejs/app
  • 使用 npm:npm init @vitejs/app

1. 输入项目名称

这里输入我们的项目名称:vite-react
在这里插入图片描述

2. 选择框架

这里选择我们需要集成的框架:react
在这里插入图片描述

  • vanilla:原生js,没有任何框架集成
  • vue:vue3框架,只支持vue3
  • react:react框架
  • preact:轻量化react框架
  • lit-element:轻量级web组件
  • svelte:svelte框架

3. 选择不同

这里我们选择:react
在这里插入图片描述

4. 项目创建完成

在这里插入图片描述

5. 项目结构

项目结构非常简单:
在这里插入图片描述

6. 启动项目

  • 进入项目:cd vite-react
  • 安装依赖:npm install
  • 运行项目:npm run devnpx vite
  • 编译项目:npm run buildnpx vite build

启动速度极快
在这里插入图片描述
在这里插入图片描述


http://chatgpt.dhexx.cn/article/BjlFmZqA.shtml

相关文章

如何创建一个 react 项目

目录 前言 一、create-react-app 脚手架快速搭建 react 项目 1、安装 create-react-app 2、检测 create-react-app 是否安装成功 3、创建 react 项目 二、generator-react-webpack 脚手架搭建 react 项目 1、安装 yeoman 2、安装 generator-react-webpack 3、创建 rea…

react项目服务器Tomcat,tomcat部署react项目的方法

tomcat部署react项目的方法 发布时间:2020-12-16 09:44:42 来源:亿速云 阅读:151 作者:小新 这篇文章主要介绍了tomcat部署react项目的方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章…

如何从零开始创建React项目(三种方式)

在开发 React 项目前最关键的当然是项目的创建,现在的前端工程化使得前端项目的创建也变得越来越复杂,在这里介绍三种从零开始创建 React 项目的方式,分别是 “在浏览器中直接引入”、“使用官方脚手架 create-react-app” 以及 “使用 Webpa…

【React进阶-1】从0搭建一个完整的React项目(入门篇)

这篇文章带领大家从零开始手动撸一个React项目的基础框架,集成React全家桶。万字长文,请各位有足够的时间时再来阅读和学习。 概述 平时工作中一直在用React提供的脚手架工具搭建React项目,一行命令全都搞定,自己只管做需求开发即…

推荐10个不错的React开源项目

1,Kutt.it Kutt是一个现代的URL缩短器,支持自定义域,可以用来缩短网址、管理链接并查看点击率统计信息。Kutt支持自定义域名,设置链接密码和描述,缩短URL的私人统计信息,查看、编辑、删除和管理链接&#…

Github上8个很棒的React项目

大家好,我是若川。持续组织了近一年的源码共读活动,感兴趣的可以 点此加我微信ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。…

MySQL 数据库引擎比较

MyISAM: 优势 – 查询速度快 – 数据和索引压缩 问题 – 表级锁 – 数据丢失 InnoDB: 优势 – 行级锁 – 事务支持 – 数据安全 问题 – 数据文件庞大 – 启动慢 – 不支持FULLTEXT索引 比较:

数据库_mysql数据库引擎_数据库索引

文章目录 前言一、MySql数据库引擎1.1、数据库引擎任务1.2、常用的数据库引擎1.2.1、InnoDB存储引擎页主要部分 InnoDB的几个变量 1.2.2、MyISAM存储引擎1.3 、存储引擎设置1.4、如何选择存储引擎 二、索引的数据结构2.1、什么是索引2.2、索引有什么用2.3、优点和缺点2.4 为什么…

【Mysql】数据库引擎

引擎 存储引擎数据库引擎数据库引擎的定义数据库引擎的任务mySql引擎的类别ISAM引擎MyISAM引擎Heap引擎InnoDB引擎InnoDB与MyISAM对比 存储引擎 MySQL常见的两种存储引擎:MyISAM和InnoDB 数据库引擎 数据库引擎的定义 访问数据库时,通过数据库引擎访…

mysql之数据库引擎

一:引擎概述 1,为什么要合理选择数据库存储引擎? MySQL中的数据用各种不同的技术存储在文件(或者内存)中。这些技术中的每一种技术都使用不同的存储机制、索引技巧、锁定水平并且最终提供广泛的不同的功能和能力。通过…

MYSQL——MYSQL中常见的数据库引擎

文章目录 MYSQL中常见的数据库引擎1、什么是数据库引擎?2、MYSQL中有哪些数据库引擎3、常见引擎介绍(1)InnoDB(2)MyISAM(3)Memory(Heap) MYSQL中常见的数据库引擎 1、什…

Mysql:数据库引擎

废话不多说,我们先看MySql 用到了那些引擎 SHOW ENGINES 直接可以看到有下面这些引擎 InnoDB,MRG_MYISAM,MEMORY,BLACKHOLE,MyISAM,CSV,ARCHIVE,PERFORMANCE_SCHEMA,FE…

MySQL体系结构及数据库引擎

文章目录 一、MYSQL的体系结构1、连接器2、查询缓存3、分析器(要做什么)4、优化器(怎么做)5、执行器6、数据库引擎1)mysql支持的引擎2)常用的mysql引擎比较3)索引组织表、堆组织表4)…

MySQL数据引擎

一、MySQL提供什么存储引擎 mysql> SHOW ENGINES;二、查看默认的存储引擎: mysql> SHOW VARIABLES LIKE %storage_engine%;三、各种引擎介绍 1、InnoDB存储引擎(1)大于等于5.5之后,默认采用InnoDB引擎(2&…

MySQL数据库引擎详解

作为经常使用MySQL数据库的人,不得不对MySQL的数据库引擎有一定的了解,在之前我也是只会使用MySQL,但两次的面试中都被面试官问及项目用到的数据库引擎(血与泪),因此,有必要写一篇文章&#xff…

数据库引擎

一:数据库引擎的定义 数据库引擎简单来说就是一个"数据库发动机"。当你访问数据库时,不管是手工访问,还是程序访问,都不是直接读写数据库文件,而是 通过数据库引擎去访问数据库文件。以关系型数据库为例&…

MySQL的数据库引擎介绍

1、什么是数据库引擎 数据库引擎就是操作数据库的一段程序或程序段,用于存储、处理和保护数据的核心服务。 利用数据库引擎可控制访问权限并快速处理事务,从而满足企业内大多数需要处理大量数据的应用程序的要求。数据库应用项目是通过数据库引擎与数据库…

CY7C68013 内存溢出问题

最近在开发CY68013 USB芯片的时候,开发环境(keil C51),开始的时候都编译正常,但是在我增加了一些变量和操作后,出现了很多的报错,提示内存溢出 *** ERROR L107: ADDRESS SPACE OVERFLOW 之前的…

基于CY7C68013A usb转mdio win10 64bit

基于CY7C68013A usb转mdio win10 64bit 1、芯片简介: 目前市场上主流的实现USB通信的方案主要是基于stm32(基于目前比较流行的DAPLink方案)/ft232/ch341等,CY7C68013A芯片历史较久,价格也相对偏高但USB通信设计的方法应该都是一致的。 手上…

CY7C68013与FPGA接口的Verilog

USB(通用串行总线)是英特尔、微软、IBM、康柏等公司1994年联合制定的一种通用串行总线规范,它解决了与网络通信问题,而且端口扩展性能好、容易使用。最新的USB2.0支持3种速率:低速1.5 Mbit/s,全速12 Mbit/s,高速480 Mb…