elementPlus更改主题色，通过 SCSS 变量方式

首先需要下载两个插件：

 npm install -D unplugin-vue-components unplugin-auto-import

然后新建一个文件夹：

至于index.scss的内容，官网已经给出：

里面的颜色可以自己修改，我写的是紫色：

注意这个文件要放在官方推荐的文件夹上：

在vite.config.js中跟着官网修改：

增加图中荧光色的两块，注意层级，不然出不来，我的长这样：

然后重新启动项目，写了一个按钮试试。

已经修改了，ok。