vite简介

vite是新一代前端构建工具，vite具有优势如下：

• 轻量快速的热重载（HMR），能实现快速的服务启动。
• 对TypeScript、JSX、CSS等支持开箱即用。
• 真正的按需编译，不再等待整个应用编译完成。
• webpack构建与vite构建对比图如下：

搭建第一个 Vite 项目：Vite 需要 Node.js 版本 18+ 或 20+。

$ npm create vite@latest

在你的项目中，可以用以下方法来安装 vite 命令行工具：

$ npm install -D vite

• 在vite项目中，index.html是项目的入口文件，在项目最外层。
• 加载index.html后，Vite解析指向的JavaScript。
• vew3中通过createApp函数创建一个应用实例。