前言

说明：本系列文章会持续更新Vite、Vue3、Ts的学习过程和遇到的难点。

前提：需要有HTML、CSS、JS基础，以及对Vue2有一定基础的了解或者使用，最好也了解webpack等打包工具的使用。

正文

一、了解Vite

Vite是一种新型前端构建工具，能够显著提升前端开发体验

什么是前端构建工具？

使用过vue或者其他框架应该都清楚，开始一个项目的第一步是创建一个项目，当然不只是创建一个文件夹这么简单。

这里就用vue来举个例子

**vue创建项目一般怎么创建？**    

一、webpack  打包工具创建    // vue init webpack 项目名称
二、vue-cli  vue脚手架创建   // vue create 项目名称

他们的作用都是创建一个vue项目，那么构建工具已经大致了解是什么作用了。
同理vite的作用也同样是用来构建项目的
而vite不是vue-cli专门用来构建vue项目的，vite可以构建各种不同框架的前端项目

npm init vite@latest   //构建项目
输入项目名称然后选择vue框架就可以了

构建完项目使用vsCode打开项目，打开终端执行npm install初始化项目，然后运行项目即可npm run dev
这样就完成使用vite构建一个项目的基础流程了要了解更多关于vite的知识可以进去官网学习