vue3+ts+vite+elementplus 实战踩坑 前言 本文是基于 @mk 大佬的模板vite-vue3-template进一步优化。在项目实际开发中遇到其他的坑，基本上实际开发中需要踩的坑

环境 node环境，vite需要node版本>=12.0.0;node官网(https://nodejs.org/zh-cn/download/)，node环境的安装和配置就不做追叙了，自己看着整。

最近一直在关注vue3，之前尝试过用element Plus 和 vue3 ，构建工具是vite1.+，但是搭建过程中发现 element Plus 的国际化配置成中文后，vite 打包会报错，不能正

Vue是一个流行的框架，它能够提供如同翻转开关一样的快速响应和大量的帮助功能来实现更快更好的交互。Element Plus是一个基于Element UI的组件库。

前言 使用Vue3+Vite+TS基于Element plus 二次封装业务组件，注册挂载为全局使用，代码简洁了许多。封装好我们的业务组件今后开发中遇到时，就可以直接使用啦！ 一、初始化vite项目

GitHub 上很多后台项目 clone 后跑不起来？本文从零配置本地与服务器环境，提供完整 SQL 与一键部署脚本，实现 Vue3 后台系统从本地运行到线上发布的全流程复现，新手也能一次成功上线。

封装一个 Vue 3 自定义指令 v-ellipsis-tooltip，当文本内容过长导致显示省略号时，鼠标悬停显示完整内容的 Tooltip；如果文本未溢出，则不显示 Tooltip。

一文带你了解 Vite+ElementPlus 自动按需加载与主题定制原理全解析，从会配置到深入其内部机制。

1. 引言：为什么你的主题系统很难维护？ 在 B 端项目中，Element Plus 是我们的老朋友。但在长期迭代中，我们经常遇到这些痛点： 痛点一：硬编码满天飞。color: #409eff 散落在