前言

本文主要讲解如何利用vite+vue创建第一个项目以及vue3的基础知识点

一、创建一个vue3项目

这里我们主要介绍如何利用 vite+vue3创建项目

1.有关vite

Vite（法语意为 "快速的"，发音 /vit/，发音同 "veet"）是一种新型前端构建工具，能够显著提升前端开发体验。它主要由两部分组成：

一个开发服务器，它基于原生 ES 模块提供了丰富的内建功能，如速度快到惊人的模块热更新（HMR）。

一套构建指令，它使用 Rollup 打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源。

Vite 意在提供开箱即用的配置，同时它的插件 API 和 JavaScript API 带来了高度的可扩展性，并有完整的类型支持。

2.搭建第一个 Vite 项目

使用npm：

npm create vite@latest

使用 Yarn:

yarn create vite

创建步骤：

如果你看到如下的图片，那就说明你的第一个vue3项目已经创建成功啦！

上一篇：EMR-Jindo Spark 核心引擎优化

下一篇：计算机组成原理习题课第三章-5（唐朔飞）

热门资讯

修复爱普生 EPSON L4... L4151 L4153 L4156 L4158 L4163 L4165 L4166 L4168 L4...

【PdgCntEditor】解... 一、问题背景大部分的图书对应的PDF，目录中的页码并非PDF中直接索引的页码...

监控摄像头接入GB28181平... 流程简介将监控摄像头的视频在网站和APP中直播，要解决的几个问题是：1&...

在Word、WPS中插入AxM... 引言我最近需要写一些文章，在排版时发现AxMath插入的公式竟然会导致行间距异常&#...

protocol buffer... 目录目录什么是protocol buffer 1.protobuf 1.1安装 1.2使用...

【前端】‘??‘与‘||‘有什... 0 问题经常写const data = res.data.a ?? ''或者const d...

Windows10添加群晖磁盘... 在使用群晖NAS时，我们需要通过本地映射的方式把NAS映射成本地的一块磁盘使用。通过...

牛客计算器的改良（Python... 文章目录1.题目描述2.输入描述:3.输出描述:4.示例15.分析6.代码7.结语链接࿱...

正大杯｜市调大赛｜2023备赛... 关键信息同时随着精细化养宠趋势的深入，宠物消费类目日渐丰富。本报告通过 Niuco...

QGIS下载在线地图（Goog... 前言国内外有很多在线地图下载软件，但功能单一，基本上只能下载数据&#x...

Vue3 —— 利用vite创建一个vue3项目

前言