基于VUE3已成为默认版本，当前项目尚未使用VUE3开发，并且最近使用VUE3开发项目的新项目必须是未来的趋势。
让我们记录如何使用VUE3 + TS + VITE从0构建项目
nodejs版本> = 12使用node -v查看节点版本
或将Nodejs升级到最新的稳定版本NPM安装-g n sudo n稳定
使用npmnpm init @vitejs/app
使用yarnyarn create @vitejs/app
只需遵循提示即可完成项目初始化
初始化项目后，您可以看到项目的结构，如上所示
安装取决于NPM安装或纱线安装
启动项目NPM Run Dev或Yarn Dev
查找root Directory vite.config.ts文件以打开上述vite配置文件的说明。
现在只需在main.ts文件中安装元素
因为默认情况下，元素plus为英语，如果您需要在项目中使用中文，则可以参与以下配置
添加到main.ts文件
要注意的另一件事是，如果您使用并仅使用组件API，则需要手动导入样式
如果系统中经常使用Elmessage，ElmessageBox和其他API，则可以将以下样式添加到Main.ts文件中，否则会导致样式问题
删除VUE3中的过滤器，如果您需要使用它，则可以自己实施
如果您在其他地方引用该组件中的V模型的使用
基于上述，大致形成了基于VUE3 +元素 + Vite的基本背景管理系统。此外，还有一些配置ESLINT代码规范，可以由您自己添加，以及Vue3的其他高级使用。
希望上述内容将帮助那些尚未接触VUE3开发的人
原始：https：//juejin.cn/post/7096500974394540068