上篇文章《2021新年 Vue3.0 + Element UI 尝鲜小记》，我们尝试使用VueCLI创建一个Vue3+ElementUI项目，而VueCLI居然为我们生成了一个熟悉的Webpack项目。Webpack就不用介绍了，它是一个非常强大的打包工具。但是Webpack也有缺点，比如第一次打包耗时较长，修改代码后热更新速度慢。与Vue3一起出现的还有强大的新一代打包工具Vite，基于原生模块系统ESModule实现按需编译的现代浏览器web开发构建工具，恰恰解决了Webpack的上述痛点.Vite主要有三大优势：快速冷启动服务器即时热模块替换（HMR）真正的按需编译听起来很不错，现在就试试吧。初始化Vite项目使用npminit@vitejs/appmy-vue-app--templatevue命令可以快速生成一个用Vite构建的Vue3项目模板。运行npmrundev启动项目，进入开发模式。项目的冷启动非常快。不到1秒，项目预览就出现在浏览器中。项目冷启动只用了382ms，真香。介绍ElementPlusUI组件库开发项目，首先要选择一个UI组件库。目前市面上支持Vue3的组件库并不多，ElementUI已经完成了支持。ElementPlus饿了吗？ElementUI团队推出了适配Vue3的新版本，加入了很多好用的组件，体验非常好。在Vite项目中引入ElementPlus的方法也很简单。先安装npmielement-plus然后修改项目入口文件导入ElementPlus库和相关样式文件import{createApp}from'vue'importAppfrom'./App.vue'importElementPlusfrom'element-plus'import'element-plus/lib/theme-chalk/index.css'cre??ateApp(App).use(ElementPlus).mount('#app')重启项目就可以愉快使用了ElementPlus就起来了。现在再体验一下即时热更新功能，修改App.vue文件，添加一个Button
