1. vite 介绍

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

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

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

vite打包优势：

1) vite 通过es6 module 方式引入，而webpack通过先打包的方式

2) HMR 热模块更新，即不用刷新整个DOM

3) 使用Rollup打包    

2. 构建vite项目

`npm`

npm init vite

`Yarn`

yarn create vite

执行后操作：

1.创建一个vite项目，并起名
2.选择 vue 的项目
3.选择 vue-ts
4.下载依赖 

下载依赖： `npm install `

启动项目： `npm run dev`