问题背景 1.实际需求就是UI会有一套属于自己的颜色体系，其实跟element默认的蓝色风格肯定是不同的。我们肯定是需要通过自定义主题色来修改，而不是使用组件的样式覆盖去修改，因为那样做，工作量实在是

1.全部导入主题定制 为什么叫全部导入主题定制呢，是因为element-plus的css样式也是支持按需导入的，但是这里我进行了全部导入。 1.创建vue项目（我是通过pnpm create vite

导读：在使用elementPlus组件库的过程中，可以自定义样式（比如主题色）修改默认样式，导入定制化样式文件进行样式覆盖

zero-admin 是一个后台前端解决方案，它基于 vue3 和 ant-design-vue 实现。提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。

通过ESLint 检测 JS/TS 代码、Prettier 格式化代码、Stylelint 检测 CSS/SCSS 代码和配置 EditorConfig 来实现前端代码规范约束和统一。

vue3-element-admin 开源项目说明文档，简单介绍项目背景、特色以及如何启动运行部署。

1. 简单换肤，提供N种配色方案供用户选择，一般只对配色进行切换，比如禅道，它提供了蓝色、粉色、绿色等方案； 2. 个性化定制，可以自己定制主要颜色、阴影、边框等样式，个性化更强；

在最新的一版，因为想要实现更有意思的效果——当主要内容滚动到头部，若隐若现的感觉（此处参考了tailwind官网），重新修改了布局的样式。

摘要 本文系“Vue3+ElementPlus+TS从零搭建后台管理系统”系列的第三篇。在前两篇文章中，我们介绍了项目创建、env.d.ts中三斜线指令的深层含义，以及Husky工具链在保障代码规范性