这是我参与11月更文挑战的第15天，活动详情查看：2021最后一次更文挑战
在创建vite项目之前，我们来简单的了解一下，vite的优势，以及，为什么能快的原因
vite是什么？
vite 他是一个基于 Vue3单文件组件的非打包开发服务器，它做到了本地快速开发启动、实现了按需编译，而不再是等待整个应用编译完成才能启动。
优势：
- 闪电般的冷启动速度
- 即时热模块更换（热更新）
- 真正的按需编译
如下图所示：webpack打包流程
先根据入口文件建立资源依赖图，然后将所有资源打包生成一个个的bundle，但是这个过程是非常的耗时的，特别是随着项目越来越大，所需要打包的资源也越来越多，包括如修改模块中的一个子模块b.js，整个bundle.js 都需要重新打包，随着项目规模的扩大，重新打包(热更新)的时间也越来越长
vite:
vite则是按需加载当前页面所需文件，一个文件一个http请求，进一步减少启动时间，一劳永逸的解决了热更新慢的问题！
简单的创建一个vite项目：
准备条件： 1：Vite 需要 Node.js 版本 >= 12.0.0。
window键+R键进入cmd
一：cd命令切换目录至需要创建项目的目录下，运行如下命令：（查看npm版本号 npm -v）
# npm 6.x
npm init @vitejs/app 项目名称（如:vue3_vite） --template vue
# npm 7+, 需要额外的双横线：
npm init @vitejs/app vue3_vite -- --template vue
# yarn
yarn create @vitejs/app vue3_vite --template vue
完成之后根据如下提示输入命令：
二：cd切换至新创建的文件夹目录下，运行命令 npm install ，下载所需要的包，npm run dev启动项目
可以看到，启动这个项目用了 751ms
那我们再来对比一下，用vue-cli生成的vue3项目 npm run serve 启动要多久：
用了1814ms
就启动速度而言，vite明显要快的多，有兴趣的同学可以手动感受下
