在这篇文章中，我会带你快速了解如何使用 Vue3 + Element Plus实现一键换肤和暗黑模式切换，让你的项目瞬间变得更加个性化和用户友好。而且，这些主题设置都会被本地存储，刷新页面也不会丢失！

❤在Vue3+vite之中使用element-plus自定义个主题配置你还不会？（Vue3系统篇六） 1、安装 2、引入和使用 完整引入 这里我们直接整个引入就可以了，后期项目比较庞大的时候可以按需优

封装--在components中创建LInput.vue 双向绑定Input 动态修改样式 使用 <l-input v-model="inputValue" :bgc="bgcValue"></l-i

1.vite.config.ts文件 2. 工具组件 1）.getEnv.ts 2）.proxy.ts 3）.plugins.ts 3. env环境变量配置实例 1). env 2). .env.de

Vite配置文件 默认指定：vite.config.js。 自定义指定：vite --config 自定义名称.js。 Vite相关命令 查看Vite有哪些命令：npx vite -help。 vit

vite的插件推荐+vite环境基础配置+vite打包项目的常用优化；vite的插件推荐+vite环境基础配置+vite打包项目的常用优化；

用法 <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在组件的父组件链中。当组件

前言 我以前很喜欢封装组件，什么东西不喜欢别人的，总喜欢自己搞搞，这让人很有成就感，虽然是重复造轮子，但是能从无聊的crud业务中暂时解脱出来，对我来说也算是一种休息，相信有很多人跟我一样有这个习惯。

大家好，我是 simple ，最近在使用 Vite4.0 构建一个中型前端项目的过程中，遇到了一些坑，也做了一些项目在构建生产环境时的优化，在这里做一个记录，以便后期查阅。(完整配置在后面)